feat: draggable channels in favorites list

src/app/state/actions.ts

@@ -66,6 +66,11 @@ export const updateFavorites = createAction(
     props<{ channel: Channel }>()
 );
 
+export const setFavorites = createAction(
+    `${STORE_KEY} Set favorites`,
+    props<{ channelIds: string[] }>()
+);
+
 export const setActiveChannel = createAction(
     `${STORE_KEY} Set active channel`,
     props<{ channel: Channel }>()

src/app/state/effects.ts

@@ -35,6 +35,24 @@ export class PlaylistEffects {
         { dispatch: false }
     );
 
+    setFavorites$ = createEffect(
+        () => {
+            return this.actions$.pipe(
+                ofType(PlaylistActions.setFavorites),
+                combineLatestWith(this.store.select(selectActivePlaylistId)),
+                switchMap(([action, playlistId]) =>
+                    this.playlistsService.setFavorites(
+                        playlistId,
+                        action.channelIds
+                    )
+                )
+            );
+        },
+        {
+            dispatch: false,
+        }
+    );
+
     setActiveChannel$ = createEffect(() => {
         return this.actions$.pipe(
             ofType(PlaylistActions.setActiveChannel),

src/app/state/reducers.ts

@@ -79,6 +79,22 @@ export const playlistReducer = createReducer(
             },
         };
     }),
+    on(PlaylistActions.setFavorites, (state, action): PlaylistState => {
+        const { channelIds } = action;
+        return {
+            ...state,
+            playlists: {
+                ...state.playlists,
+                entities: {
+                    ...state.playlists.entities,
+                    [state.playlists.selectedId]: {
+                        ...state.playlists.entities[state.playlists.selectedId],
+                        favorites: channelIds,
+                    },
+                },
+            },
+        };
+    }),
     on(PlaylistActions.loadPlaylistsSuccess, (state, action): PlaylistState => {
         return {
             ...state,