From 44cf5b05aba648ccba4bfca864b76c650d83bb21 Mon Sep 17 00:00:00 2001
From: ArneBo <arne@ecobasa.org>
Date: Wed, 9 Apr 2025 13:58:20 +0200
Subject: [PATCH] fix(front): properly close album modal in parent template

---
 front/src/components/channels/AlbumModal.vue | 3 +--
 front/src/views/channels/DetailOverview.vue  | 4 +++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/front/src/components/channels/AlbumModal.vue b/front/src/components/channels/AlbumModal.vue
index 4598db78d..3c45136b9 100644
--- a/front/src/components/channels/AlbumModal.vue
+++ b/front/src/components/channels/AlbumModal.vue
@@ -39,12 +39,11 @@ const submit = async () => {
       title: newAlbumTitle.value,
       artist: channel.value.artist?.id
     })
-    emit('created')
   } catch (error) {
     errors.value = (error as BackendError).backendErrors
   } finally {
     isLoading.value = false
-    isOpen.value = false // TODO: Fix the @created event to close the modal in channels/DetailOverview.vue
+    emit('created')
   }
 }
 
diff --git a/front/src/views/channels/DetailOverview.vue b/front/src/views/channels/DetailOverview.vue
index f47f1830f..87ec75740 100644
--- a/front/src/views/channels/DetailOverview.vue
+++ b/front/src/views/channels/DetailOverview.vue
@@ -94,6 +94,8 @@ if (isOwner.value) {
       })
     })
 }
+
+const { to, isOpen } = useModal('album')
 </script>
 
 <template>
@@ -206,7 +208,7 @@ if (isOwner.value) {
       v-if="isOwner"
       :model-value="object"
       :channel="object"
-      @created="useModal('album').isOpen.value = false; seriesKey = new Date()"
+      @created="isOpen = false; seriesKey = new Date()"
     />
   </section>
 </template>