2314: sort playlists based on weight (or else drag and drop does not make any sense)

Author: Sine Jespersen

CHANGELOG.md

@@ -11,6 +11,7 @@ All notable changes to this project will be documented in this file.
   - Change bootstrap column class from `col-md-8` -> `col-md-12` 
   - update api.generated.ts to match [related pr](https://github.com/os2display/display-api-service/pull/213)
   - Add @rtk-incubator/rtk-query-codegen-openapi to package.json in `src/redux/api`
+  - Sort playlists based on weight in drag/drop component
 
 - [#258](https://github.com/os2display/display-admin-client/pull/258)
   - Fixed screen is vertical check.

src/components/playlist-drag-and-drop/playlist-drag-and-drop.jsx

@@ -77,12 +77,14 @@ function PlaylistDragAndDrop({
     if (selectedPlaylistsByRegion) {
       setTotalItems(selectedPlaylistsByRegion["hydra:totalItems"]);
       const newPlaylists = selectedPlaylistsByRegion["hydra:member"].map(
-        ({ playlist }) => {
-          return playlist;
-        }
+        ({ playlist, weight }) => ({ ...playlist, weight })
       );
 
-      setSelectedData([...selectedData, ...newPlaylists]);
+      const selected = [...selectedData, ...newPlaylists].sort(
+        (a, b) => a.weight - b.weight
+      );
+
+      setSelectedData(selected);
       callbackToinitializePlaylists(selectedPlaylistsByRegion);
     }
   }, [selectedPlaylistsByRegion]);