From 65b72298df191bf6657bb6f23e8707c1fc5c95d5 Mon Sep 17 00:00:00 2001
From: jeffvli <jeffvictorli@gmail.com>
Date: Fri, 14 Nov 2025 00:34:08 -0800
Subject: [PATCH] add double click navigation to lists

---
 .../item-list/helpers/get-title-path.ts       |  4 +++-
 .../item-list/helpers/item-list-controls.ts   | 19 ++++++++++++++++++-
 2 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/renderer/components/item-list/helpers/get-title-path.ts b/src/renderer/components/item-list/helpers/get-title-path.ts
index 7e0a1ba94..910422a63 100644
--- a/src/renderer/components/item-list/helpers/get-title-path.ts
+++ b/src/renderer/components/item-list/helpers/get-title-path.ts
@@ -12,7 +12,9 @@ export const getTitlePath = (itemType: LibraryItem, id: string) => {
         case LibraryItem.ARTIST:
             return generatePath(AppRoute.LIBRARY_ARTISTS_DETAIL, { artistId: id });
         case LibraryItem.GENRE:
-            return generatePath(AppRoute.LIBRARY_GENRES, { genreId: id });
+            return generatePath(AppRoute.LIBRARY_GENRES_ALBUMS, { genreId: id });
+        case LibraryItem.PLAYLIST:
+            return generatePath(AppRoute.PLAYLISTS_DETAIL_SONGS, { playlistId: id });
         default:
             return null;
     }
diff --git a/src/renderer/components/item-list/helpers/item-list-controls.ts b/src/renderer/components/item-list/helpers/item-list-controls.ts
index 541e809a4..0698543c1 100644
--- a/src/renderer/components/item-list/helpers/item-list-controls.ts
+++ b/src/renderer/components/item-list/helpers/item-list-controls.ts
@@ -1,5 +1,7 @@
 import { useMemo } from 'react';
+import { useNavigate } from 'react-router';
 
+import { getTitlePath } from '/@/renderer/components/item-list/helpers/get-title-path';
 import { ItemListStateItemWithRequiredProperties } from '/@/renderer/components/item-list/helpers/item-list-state';
 import { DefaultItemControlProps, ItemControls } from '/@/renderer/components/item-list/types';
 import { usePlayerContext } from '/@/renderer/features/player/context/player-context';
@@ -8,6 +10,7 @@ import { Play } from '/@/shared/types/types';
 
 export const useDefaultItemListControls = () => {
     const player = usePlayerContext();
+    const navigate = useNavigate();
 
     const controls: ItemControls = useMemo(() => {
         return {
@@ -151,6 +154,20 @@ export const useDefaultItemListControls = () => {
 
                 internalState.setSelected([item]);
 
+                if (
+                    itemType === LibraryItem.ALBUM ||
+                    itemType === LibraryItem.ALBUM_ARTIST ||
+                    itemType === LibraryItem.ARTIST ||
+                    itemType === LibraryItem.GENRE ||
+                    itemType === LibraryItem.PLAYLIST
+                ) {
+                    const path = getTitlePath(itemType, item.id);
+                    if (path) {
+                        navigate(path);
+                        return;
+                    }
+                }
+
                 if (itemType === LibraryItem.QUEUE_SONG) {
                     const queueSong = item as QueueSong;
                     if (queueSong._uniqueId) {
@@ -222,7 +239,7 @@ export const useDefaultItemListControls = () => {
                 player.setRating(item._serverId, [item.id], itemType, newRating);
             },
         };
-    }, [player]);
+    }, [player, navigate]);
 
     return controls;
 };