fix: restore message toast after playlist deletion

alexsnowb · Jul 26, 2022 · f0f9535 · f0f9535
1 parent 6f6f9a0
commit f0f9535
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/resources/assets/js/components/ui/MessageToaster.vue b/resources/assets/js/components/ui/MessageToaster.vue
@@ -1,14 +1,14 @@
 <template>
   <TransitionGroup name="toast" tag="ul">
     <li v-for="message in messages" :key="message.id">
-      <MessageToastItem :message="message" @dismiss="removeMessage(message)"/>
+      <MessageToast :message="message" @dismiss="removeMessage(message)"/>
     </li>
   </TransitionGroup>
 </template>
 
 <script lang="ts" setup>
 import { ref } from 'vue'
-import MessageToastItem from '@/components/ui/MessageToastItem.vue'
+import MessageToast from '@/components/ui/MessageToast.vue'
 
 const messages = ref<ToastMessage[]>([])
 

diff --git a/resources/assets/js/components/utils/EventListeners.vue b/resources/assets/js/components/utils/EventListeners.vue
@@ -11,14 +11,16 @@ import router from '@/router'
 import { authService } from '@/services'
 import { playlistStore, preferenceStore, userStore } from '@/stores'
 import { eventBus, forceReloadWindow, requireInjection } from '@/utils'
-import { DialogBoxKey } from '@/symbols'
+import { DialogBoxKey, MessageToasterKey } from '@/symbols'
 
+const toaster = requireInjection(MessageToasterKey)
 const dialog = requireInjection(DialogBoxKey)
 
 eventBus.on({
   'PLAYLIST_DELETE': async (playlist: Playlist) => {
     if (await dialog.value.confirm(`Are you sure you want to delete "${playlist.name}"?`, 'Delete Playlist')) {
       await playlistStore.delete(playlist)
+      toaster.value.success(`Playlist "${playlist.name}" deleted.`)
       router.go('home')
     }
   },