From 9c940cd44f82ad2dfb54c9cea1a728eacd04e814 Mon Sep 17 00:00:00 2001
From: Deluan <deluan@deluan.com>
Date: Mon, 25 May 2020 16:13:20 -0400
Subject: [PATCH] Show AutomcompleteInput even if the list of playlists is not
 loaded yet

---
 ui/src/dialogs/AddToPlaylistDialog.js | 4 ++--
 ui/src/dialogs/SelectPlaylistInput.js | 8 ++------
 2 files changed, 4 insertions(+), 8 deletions(-)

diff --git a/ui/src/dialogs/AddToPlaylistDialog.js b/ui/src/dialogs/AddToPlaylistDialog.js
index d4067e41..e9652808 100644
--- a/ui/src/dialogs/AddToPlaylistDialog.js
+++ b/ui/src/dialogs/AddToPlaylistDialog.js
@@ -25,7 +25,7 @@ const AddToPlaylistDialog = () => {
   const notify = useNotify()
   const [value, setValue] = useState({})
   const dataProvider = useDataProvider()
-  const [create] = useCreate(
+  const [createAndAddToPlaylist] = useCreate(
     'playlist',
     { name: value.name },
     {
@@ -74,7 +74,7 @@ const AddToPlaylistDialog = () => {
     if (value.id) {
       addToPlaylist(value.id)
     } else {
-      create()
+      createAndAddToPlaylist()
     }
     dispatch(closeAddToPlaylist())
     e.stopPropagation()
diff --git a/ui/src/dialogs/SelectPlaylistInput.js b/ui/src/dialogs/SelectPlaylistInput.js
index 40948894..ef73c7a6 100644
--- a/ui/src/dialogs/SelectPlaylistInput.js
+++ b/ui/src/dialogs/SelectPlaylistInput.js
@@ -11,18 +11,14 @@ const filter = createFilterOptions()
 
 const SelectPlaylistInput = ({ onChange }) => {
   const translate = useTranslate()
-  const { ids, data, loaded } = useGetList(
+  const { ids, data } = useGetList(
     'playlist',
     { page: 1, perPage: -1 },
     { field: 'name', order: 'ASC' },
     {}
   )
 
-  if (!loaded) {
-    return null
-  }
-
-  const options = ids.map((id) => data[id])
+  const options = ids && ids.map((id) => data[id])
 
   const handleOnChange = (event, newValue) => {
     if (newValue == null) {