Handle queue all songs by double click (#67)

src/renderer/features/songs/routes/song-list-route.tsx

@@ -1,12 +1,15 @@
 import type { AgGridReact as AgGridReactType } from '@ag-grid-community/react/lib/agGridReact';
-import { useRef } from 'react';
+import { useCallback, useRef } from 'react';
 import { useParams, useSearchParams } from 'react-router-dom';
+import { SongListQuery, LibraryItem } from '/@/renderer/api/types';
+import { usePlayQueueAdd } from '/@/renderer/features/player';
 import { AnimatedPage } from '/@/renderer/features/shared';
 import { SongListContent } from '/@/renderer/features/songs/components/song-list-content';
 import { SongListHeader } from '/@/renderer/features/songs/components/song-list-header';
 import { SongListContext } from '/@/renderer/features/songs/context/song-list-context';
 import { useSongList } from '/@/renderer/features/songs/queries/song-list-query';
 import { generatePageKey, useCurrentServer, useSongListFilter } from '/@/renderer/store';
+import { Play } from '/@/renderer/types';
 
 const TrackListRoute = () => {
   const tableRef = useRef<AgGridReactType | null>(null);
@@ -18,6 +21,7 @@ const TrackListRoute = () => {
     albumArtistId ? `${albumArtistId}_${server?.id}` : undefined,
   );
 
+  const handlePlayQueueAdd = usePlayQueueAdd();
   const songListFilter = useSongListFilter({ id: albumArtistId, key: pageKey });
   const itemCountCheck = useSongList({
     options: {
@@ -37,9 +41,40 @@ const TrackListRoute = () => {
       ? undefined
       : itemCountCheck.data?.totalRecordCount;
 
+  const handlePlay = useCallback(
+    async (args: { initialSongId?: string; playType: Play }) => {
+      if (!itemCount || itemCount === 0) return;
+      const { initialSongId, playType } = args;
+      const query: SongListQuery = { startIndex: 0, ...songListFilter };
+
+      if (albumArtistId) {
+        handlePlayQueueAdd?.({
+          byItemType: {
+            id: [albumArtistId],
+            type: LibraryItem.ALBUM_ARTIST,
+          },
+          initialSongId,
+          playType,
+          query,
+        });
+      } else {
+        handlePlayQueueAdd?.({
+          byItemType: {
+            id: [],
+            type: LibraryItem.SONG,
+          },
+          initialSongId,
+          playType,
+          query,
+        });
+      }
+    },
+    [albumArtistId, handlePlayQueueAdd, itemCount, songListFilter],
+  );
+
   return (
     <AnimatedPage>
-      <SongListContext.Provider value={{ id: albumArtistId, pageKey }}>
+      <SongListContext.Provider value={{ handlePlay, id: albumArtistId, pageKey }}>
         <SongListHeader
           itemCount={itemCount}
           tableRef={tableRef}