Merge pull request #33 from bcgov/qafixes-ofmcc-251-view-notifications

Fixed notification icon in menu appearing when there are no notificat…
bcgov · Nov 7, 2023 · b2dc7fd · b2dc7fd
2 parents 8107c9a + 3841979
commit b2dc7fd
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/frontend/src/components/TheMenu.vue b/frontend/src/components/TheMenu.vue
@@ -3,9 +3,11 @@
     <AppMenuItem icon="mdi-home-outline" :to="{ name: 'home' }">Home</AppMenuItem>
     <AppMenuItem :to="{ name: 'messaging' }">
       <div class="badge-wrapper">
-        <v-badge :content="unreadNotificationCount" color="red" offset-x="18" offset-y="17">
+        <v-badge v-if="unreadNotificationCount > 0" :content="unreadNotificationCount" color="red" offset-x="18"
+          offset-y="17">
           <v-icon class="badge-icon" aria-hidden="false" icon="mdi-email-outline" size="30" />
         </v-badge>
+        <v-icon v-else class="badge-icon" aria-hidden="false" icon="mdi-email-outline" size="30" />
         Messaging
       </div>
     </AppMenuItem>