From 18276cbe4002ffc79feeb37636c576a3f738364d Mon Sep 17 00:00:00 2001
From: Bnyro <bnyro@tutanota.com>
Date: Wed, 5 Jul 2023 13:04:50 +0200
Subject: [PATCH] Add shortcut to create new playlist from playlist add modal

---
 src/components/PlaylistAddModal.vue | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/PlaylistAddModal.vue b/src/components/PlaylistAddModal.vue
index d155e72a..5293323d 100644
--- a/src/components/PlaylistAddModal.vue
+++ b/src/components/PlaylistAddModal.vue
@@ -4,7 +4,8 @@
         <select class="select w-full mt-3" v-model="selectedPlaylist">
             <option v-for="playlist in playlists" :value="playlist.id" :key="playlist.id" v-text="playlist.name" />
         </select>
-        <div class="flex justify-end mt-3">
+        <div class="flex justify-between w-full mt-3">
+            <button class="btn" @click="onCreatePlaylist" ref="addButton" v-t="'actions.create_playlist'" />
             <button
                 class="btn"
                 @click="handleClick(selectedPlaylist)"
@@ -77,6 +78,14 @@ export default {
                 this.playlists = json;
             });
         },
+        onCreatePlaylist() {
+            const name = prompt(this.$t("actions.create_playlist"));
+            if (!name) return;
+            this.createPlaylist(name).then(json => {
+                if (json.error) alert(json.error);
+                else this.fetchPlaylists();
+            });
+        },
     },
 };
 </script>