From 35ad90f54184d9e755da4cb793c11d339c3952f5 Mon Sep 17 00:00:00 2001
From: Gauthier Roebroeck <gauthier.roebroeck@gmail.com>
Date: Mon, 11 Aug 2025 11:46:41 +0800
Subject: [PATCH] add unred indicator on drawer menu when closed

---
 next-ui/src/fragments/layout/app/Bar.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/next-ui/src/fragments/layout/app/Bar.vue b/next-ui/src/fragments/layout/app/Bar.vue
index 45064ad9..55bbcdd1 100644
--- a/next-ui/src/fragments/layout/app/Bar.vue
+++ b/next-ui/src/fragments/layout/app/Bar.vue
@@ -1,7 +1,18 @@
 <template>
   <v-app-bar elevation="2">
     <template #prepend>
-      <v-app-bar-nav-icon @click="appStore.drawer = !appStore.drawer" />
+      <v-app-bar-nav-icon @click="appStore.drawer = !appStore.drawer">
+        <template #default>
+          <v-badge
+            :model-value="unreadCount > 0 && !appStore.drawer"
+            dot
+            floating
+            color="info"
+          >
+            <v-icon icon="i-mdi:menu"></v-icon>
+          </v-badge>
+        </template>
+      </v-app-bar-nav-icon>
     </template>
     <v-app-bar-title>
       <RouterLink to="/">
@@ -18,8 +29,10 @@
 
 <script setup lang="ts">
 import { useAppStore } from '@/stores/app'
+import { useAnnouncements } from '@/colada/announcements'
 
 const appStore = useAppStore()
+const { unreadCount } = useAnnouncements()
 </script>
 
 <script lang="ts"></script>