From ae446b255ad1260d4d2b89b05923148659894d88 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andreas=20M=C3=BCller?= <mail@devmount.de>
Date: Tue, 15 Oct 2024 16:02:45 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A8=20Handle=20generic=20modal=20close?=
 =?UTF-8?q?=20event?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/components/GenericModal.vue     | 52 ++++++++++----------
 frontend/src/views/WaitingListActionView.vue |  2 +-
 2 files changed, 27 insertions(+), 27 deletions(-)

diff --git a/frontend/src/components/GenericModal.vue b/frontend/src/components/GenericModal.vue
index da4c23ff..b1ddd895 100644
--- a/frontend/src/components/GenericModal.vue
+++ b/frontend/src/components/GenericModal.vue
@@ -43,33 +43,33 @@ onUnmounted(() => {
   <div class="new-design overlay" role="dialog" tabindex="-1" aria-labelledby="title" aria-modal="true">
     <div class="dismiss-zone" @click="emits('close')"></div>
     <div class="modal">
-        <link-button class="modal-close" v-if="closable" @click="emits('close')" aria-labelledby="modal-close-button">
-          <img id="modal-close-button" src="@/assets/svg/icons/close.svg" :alt="t('label.close')" :title="t('label.close')"/>
-        </link-button>
-        <div class="modal-header">
-          <slot name="header"></slot>
-          <notice-bar type="error" v-if="errorMessage">
-            {{ errorMessage }}
-          </notice-bar>
-          <notice-bar type="warning" v-else-if="warningMessage">
-            {{ warningMessage }}
-          </notice-bar>
-          <notice-bar v-else-if="infoMessage">
-            {{ infoMessage }}
-          </notice-bar>
-          <div class="pls-keep-height" v-else/>
-        </div>
-        <div class="modal-body">
-          <slot></slot>
-        </div>
-        <div class="modal-actions">
-          <slot name="actions"></slot>
-        </div>
-        <div class="divider"></div>
-        <div class="footer">
-          <slot name="footer"></slot>
-        </div>
+      <link-button class="modal-close" v-if="closable" @click="emits('close')" aria-labelledby="modal-close-button">
+        <img id="modal-close-button" src="@/assets/svg/icons/close.svg" :alt="t('label.close')" :title="t('label.close')"/>
+      </link-button>
+      <div class="modal-header">
+        <slot name="header"></slot>
+        <notice-bar type="error" v-if="errorMessage">
+          {{ errorMessage }}
+        </notice-bar>
+        <notice-bar type="warning" v-else-if="warningMessage">
+          {{ warningMessage }}
+        </notice-bar>
+        <notice-bar v-else-if="infoMessage">
+          {{ infoMessage }}
+        </notice-bar>
+        <div class="pls-keep-height" v-else/>
       </div>
+      <div class="modal-body">
+        <slot></slot>
+      </div>
+      <div class="modal-actions">
+        <slot name="actions"></slot>
+      </div>
+      <div class="divider"></div>
+      <div class="footer">
+        <slot name="footer"></slot>
+      </div>
+    </div>
   </div>
 </template>
 <style scoped>
diff --git a/frontend/src/views/WaitingListActionView.vue b/frontend/src/views/WaitingListActionView.vue
index 2a2ddbe9..504810ed 100644
--- a/frontend/src/views/WaitingListActionView.vue
+++ b/frontend/src/views/WaitingListActionView.vue
@@ -63,7 +63,7 @@ onMounted(async () => {
 <template>
   <div>
   <home-view></home-view>
-  <generic-modal :error-message="errorMsg">
+  <generic-modal :error-message="errorMsg" @close="() => router.push({name: 'home'})">
     <template v-slot:header>
       <word-mark/>
       <h2 id="title" v-if="isError">