From aa774c5c71487d5b8212998636a43878db2063cc Mon Sep 17 00:00:00 2001
From: PikachuEXE <pikachuexe@gmail.com>
Date: Sat, 8 Jun 2024 10:26:17 +0800
Subject: [PATCH] * Only show blank playlist name message when spaces input

---
 .../ft-create-playlist-prompt.js                         | 9 +++++++++
 .../ft-create-playlist-prompt.vue                        | 2 +-
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/renderer/components/ft-create-playlist-prompt/ft-create-playlist-prompt.js b/src/renderer/components/ft-create-playlist-prompt/ft-create-playlist-prompt.js
index 73c33d8de653e..4a9971b268403 100644
--- a/src/renderer/components/ft-create-playlist-prompt/ft-create-playlist-prompt.js
+++ b/src/renderer/components/ft-create-playlist-prompt/ft-create-playlist-prompt.js
@@ -37,6 +37,9 @@ export default defineComponent({
     playlistNameEmpty() {
       return this.playlistName === ''
     },
+    playlistNameBlank() {
+      return !this.playlistNameEmpty && this.playlistName.trim() === ''
+    },
     playlistWithNameExists() {
       // Don't show the message with no name input
       const playlistName = this.playlistName
@@ -54,6 +57,12 @@ export default defineComponent({
   },
   methods: {
     handlePlaylistNameInput(input) {
+      if (input.trim() === '') {
+        // Need to show message for blank input
+        this.playlistName = input
+        return
+      }
+
       this.playlistName = input.trim()
     },
 
diff --git a/src/renderer/components/ft-create-playlist-prompt/ft-create-playlist-prompt.vue b/src/renderer/components/ft-create-playlist-prompt/ft-create-playlist-prompt.vue
index 574d39f6c0000..b0d636178ed15 100644
--- a/src/renderer/components/ft-create-playlist-prompt/ft-create-playlist-prompt.vue
+++ b/src/renderer/components/ft-create-playlist-prompt/ft-create-playlist-prompt.vue
@@ -19,7 +19,7 @@
         @click="createNewPlaylist"
       />
     </ft-flex-box>
-    <ft-flex-box v-if="playlistNameEmpty">
+    <ft-flex-box v-if="playlistNameBlank">
       <p>
         {{ $t('User Playlists.SinglePlaylistView.Toast["Playlist name cannot be empty. Please input a name."]') }}
       </p>