* Only show blank playlist name message when spaces input

PikachuEXE · Jun 8, 2024 · aa774c5 · aa774c5
1 parent cc62f88
commit aa774c5
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 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
@@ -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
@@ -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>