Update remove playlist translations and use our custom confirm modal

client/components/modals/playlists/EditModal.vue

@@ -74,21 +74,32 @@ export default {
       this.newPlaylistDescription = this.playlist.description || ''
     },
     removeClick() {
-      if (confirm(this.$getString('MessageConfirmRemovePlaylist', [this.playlistName]))) {
+      const payload = {
+        message: this.$getString('MessageConfirmRemovePlaylist', [this.playlistName]),
+        callback: (confirmed) => {
+          if (confirmed) {
+            this.removePlaylist()
+          }
+        },
+        type: 'yesNo'
+      }
+      this.$store.commit('globals/setConfirmPrompt', payload)
+    },
+    removePlaylist() {
       this.processing = true
       this.$axios
         .$delete(`/api/playlists/${this.playlist.id}`)
         .then(() => {
-            this.processing = false
           this.show = false
           this.$toast.success(this.$strings.ToastPlaylistRemoveSuccess)
         })
         .catch((error) => {
           console.error('Failed to remove playlist', error)
-            this.processing = false
           this.$toast.error(this.$strings.ToastRemoveFailed)
         })
-      }
+        .finally(() => {
+          this.processing = false
+        })
     },
     submitForm() {
       if (this.newPlaylistName === this.playlistName && this.newPlaylistDescription === this.playlist.description) {

client/pages/playlist/_id.vue

@@ -109,21 +109,31 @@ export default {
       this.$store.commit('globals/setEditPlaylist', this.playlist)
     },
     removeClick() {
-      if (confirm(`Are you sure you want to remove playlist "${this.playlistName}"?`)) {
+      const payload = {
+        message: this.$getString('MessageConfirmRemovePlaylist', [this.playlistName]),
+        callback: (confirmed) => {
+          if (confirmed) {
+            this.removePlaylist()
+          }
+        },
+        type: 'yesNo'
+      }
+      this.$store.commit('globals/setConfirmPrompt', payload)
+    },
+    removePlaylist() {
       this.processingRemove = true
-        var playlistName = this.playlistName
       this.$axios
         .$delete(`/api/playlists/${this.playlist.id}`)
         .then(() => {
-            this.processingRemove = false
+          this.$toast.success(this.$strings.ToastPlaylistRemoveSuccess)
-            this.$toast.success(`Playlist "${playlistName}" Removed`)
         })
         .catch((error) => {
           console.error('Failed to remove playlist', error)
-            this.processingRemove = false
+          this.$toast.error(this.$strings.ToastRemoveFailed)
-            this.$toast.error(`Failed to remove playlist`)
+        })
+        .finally(() => {
+          this.processingRemove = false
         })
-      }
     },
     clickPlay() {
       const queueItems = []