From 35b869ee7baa24fe5f1019e9b61e05f1050cc087 Mon Sep 17 00:00:00 2001
From: Hans Yulian <hansyulian@windowslive.com>
Date: Sat, 23 Aug 2025 06:00:17 +0700
Subject: [PATCH] feature: improve add to playlist UX

---
 .../playlists/components/add-to-playlist-context-modal.tsx | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/renderer/features/playlists/components/add-to-playlist-context-modal.tsx b/src/renderer/features/playlists/components/add-to-playlist-context-modal.tsx
index 7e4d4be5..0f24ca23 100644
--- a/src/renderer/features/playlists/components/add-to-playlist-context-modal.tsx
+++ b/src/renderer/features/playlists/components/add-to-playlist-context-modal.tsx
@@ -36,6 +36,7 @@ export const AddToPlaylistContextModal = ({
     const { albumId, artistId, genreId, songId } = innerProps;
     const server = useCurrentServer();
     const [isLoading, setIsLoading] = useState(false);
+    const [isDropdownOpened, setIsDropdownOpened] = useState(true);
 
     const addToPlaylistMutation = useAddToPlaylist({});
 
@@ -235,7 +236,13 @@ export const AddToPlaylistContextModal = ({
                         })}
                         searchable
                         size="md"
+                        dropdownOpened={isDropdownOpened}
                         {...form.getInputProps('playlistId')}
+                        onClick={() => setIsDropdownOpened(true)}
+                        onChange={(e) => {
+                            setIsDropdownOpened(false);
+                            form.getInputProps('playlistId').onChange(e);
+                        }}
                     />
                     <Switch
                         label={t('form.addToPlaylist.input', {