add drag state to item grid

src/renderer/features/albums/components/expanded-album-list-item.tsx

@@ -6,7 +6,7 @@ import { Fragment, Suspense } from 'react';
 
 import styles from './expanded-album-list-item.module.css';
 
-import { ItemListItem } from '/@/renderer/components/item-list/helpers/item-list-state';
+import { ItemListStateItem } from '/@/renderer/components/item-list/helpers/item-list-state';
 import { albumQueries } from '/@/renderer/features/albums/api/album-api';
 import { useFastAverageColor } from '/@/renderer/hooks';
 import { Group } from '/@/shared/components/group/group';
@@ -18,7 +18,7 @@ import { TextTitle } from '/@/shared/components/text-title/text-title';
 import { Text } from '/@/shared/components/text/text';
 
 interface ExpandedAlbumListItemProps {
-    item: ItemListItem;
+    item: ItemListStateItem;
 }
 
 export const ExpandedAlbumListItem = ({ item }: ExpandedAlbumListItemProps) => {

src/renderer/features/playlists/routes/playlist-detail-song-list-route.tsx

@@ -7,7 +7,6 @@ import { useMemo, useRef, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 import { generatePath, useNavigate, useParams } from 'react-router';
 
-import { useHandlePlayQueueAdd } from '/@/renderer/features/player/hooks/use-handle-playqueue-add';
 import { playlistsQueries } from '/@/renderer/features/playlists/api/playlists-api';
 import { PlaylistDetailSongListHeader } from '/@/renderer/features/playlists/components/playlist-detail-song-list-header';
 import { PlaylistQueryBuilder } from '/@/renderer/features/playlists/components/playlist-query-builder';
@@ -32,7 +31,6 @@ const PlaylistDetailSongListRoute = () => {
     const tableRef = useRef<AgGridReactType | null>(null);
     const { playlistId } = useParams() as { playlistId: string };
     const server = useCurrentServer();
-    const handlePlayQueueAdd = useHandlePlayQueueAdd();
 
     const detailQuery = useQuery(
         playlistsQueries.detail({ query: { id: playlistId }, serverId: server?.id }),
@@ -159,13 +157,13 @@ const PlaylistDetailSongListRoute = () => {
     );
 
     const filterSortedSongs = useMemo(() => {
-        let items = playlistSongs.data?.items;
+        const items = playlistSongs.data?.items;
 
         if (items) {
             const searchTerm = page?.table.id[playlistId]?.filter?.searchTerm;
 
             if (searchTerm) {
-                items = searchSongs(items, searchTerm);
+                // items = searchSongs(items, searchTerm);
             }
 
             const sortBy = page?.table.id[playlistId]?.filter?.sortBy || SongListSort.ID;
@@ -182,10 +180,10 @@ const PlaylistDetailSongListRoute = () => {
             : undefined;
 
     const handlePlay = (play: Play) => {
-        handlePlayQueueAdd?.({
-            byData: filterSortedSongs,
-            playType: play,
-        });
+        // handlePlayQueueAdd?.({
+        //     byData: filterSortedSongs,
+        //     playType: play,
+        // });
     };
 
     return (