From 31508e74da8f573f6ed7d676fdac49f5c5263e55 Mon Sep 17 00:00:00 2001
From: Pascal Syma <p.syma@appfarms.com>
Date: Sun, 7 Sep 2025 03:53:57 +0200
Subject: [PATCH] Close toast on click

---
 src/App.vue               |  2 +-
 src/composables/reload.ts | 17 ++++++++++++-----
 2 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 197e532..64eff38 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -10,7 +10,7 @@ usePWAReload();
     <template #top>
       <VaNavbar shadowed>
         <template #center>
-          <RouterLink to="/" class="text-2xl font-bold hover:underline">TramTracks</RouterLink>
+          <RouterLink to="/" class="text-2xl font-bold hover:underline">TramTrack</RouterLink>
         </template>
         <template #right>
           <VaButton to="/stats" icon="leaderboard" title="Statistiken" />
diff --git a/src/composables/reload.ts b/src/composables/reload.ts
index 57d6a54..5ce9712 100644
--- a/src/composables/reload.ts
+++ b/src/composables/reload.ts
@@ -3,7 +3,7 @@ import { useRegisterSW } from 'virtual:pwa-register/vue';
 import { useToast } from 'vuestic-ui';
 
 export function usePWAReload() {
-  const { init } = useToast();
+  const { init, close } = useToast();
 
   const { updateServiceWorker } = useRegisterSW({
     immediate: true,
@@ -24,14 +24,21 @@ export function usePWAReload() {
         color: 'success',
         duration: 2000
       }),
-    onNeedRefresh: () =>
-      init({
+    onNeedRefresh: () => {
+      const toastId = init({
         title: 'Update verfügbar',
         message: 'Für diese WebApp ist ein Update verfügbar, bitte klicke hier zum Aktualisieren!',
         color: 'warning',
         duration: 0,
         closeable: false,
-        onClick: updateServiceWorker
-      })
+        onClick: async () => {
+          await updateServiceWorker();
+
+          if (toastId) {
+            close(toastId);
+          }
+        }
+      });
+    }
   });
 }