🔨 Add music add

src/components/Header/SnackbarComponent.vue

@@ -40,7 +40,9 @@ eventQueuStore.$subscribe((mutation, state) => {
     let event = eventQueuStore.shift();
     if (event?.uuid) {
       if (
-        snacks.value.filter((value) => value.text == event?.text).length == 0
+        snacks.value.filter(
+          (value) => event?.type == "error" && value.text == event?.text
+        ).length == 0
       ) {
         snacks.value.push({
           snack: true,

src/components/guild/home/AudioPreviewComponent.vue

@@ -145,7 +145,7 @@
       </v-row>
       <v-row class="mt-2 px-lg-6 px-0">
         <v-col class="d-flex justify-start">
-          <v-menu :close-on-content-click="false">
+          <v-menu :close-on-content-click="false" v-model="urlPopup">
             <template v-slot:activator="{ props }">
               <v-btn
                 icon="mdi-plus"
@@ -156,8 +156,9 @@
                 v-bind="props"
               ></v-btn>
             </template>
-            <v-card min-width="300" v-model="urlPopup">
+            <v-card min-width="300">
               <v-card-content>
+                <v-form @submit.prevent="add">
                   <v-text-field
                     v-model="url"
                     density="compact"
@@ -180,6 +181,7 @@
                       </v-icon>
                     </template>
                   </v-text-field>
+                </v-form>
               </v-card-content>
             </v-card>
           </v-menu>
@@ -287,6 +289,7 @@ import type { Guild } from "@/data/guild/Guild";
 import type { Status } from "@/data/music/Status";
 import * as audioService from "@/services/audioService";
 import { getVoiceChannels } from "@/services/guildService";
+import { useEventQueuStore } from "@/stores/eventQueu";
 import { computed } from "@vue/reactivity";
 import { ref, watch } from "vue";
 import { onBeforeRouteLeave, onBeforeRouteUpdate } from "vue-router";
@@ -470,6 +473,12 @@ function add() {
         urlLoading.value = false;
         urlPopup.value = false;
         url.value = "";
+        const eventQueuStore = useEventQueuStore();
+        eventQueuStore.push({
+          uuid: undefined,
+          type: "success",
+          text: "Track added to playlist !",
+        });
       })
       .catch(() => {
         urlLoading.value = false;