From fd701a468f6379d2daf743cd86bb2dc926cb1ba2 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 2 Sep 2026 19:25:00 +0300
Subject: [PATCH] fix navigation badges

---
 src/components/navigation/navigation_entry.js  | 4 ++--
 src/components/navigation/navigation_entry.vue | 2 +-
 src/components/navigation/navigation_pins.js   | 7 ++++++-
 3 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/components/navigation/navigation_entry.js b/src/components/navigation/navigation_entry.js
index 6186899e6..1a7832afe 100644
--- a/src/components/navigation/navigation_entry.js
+++ b/src/components/navigation/navigation_entry.js
@@ -1,4 +1,4 @@
-import { mapState, mapStores } from 'pinia'
+import { mapState } from 'pinia'
 
 import { routeTo } from 'src/components/navigation/navigation.js'
 import OptionalRouterLink from 'src/components/optional_router_link/optional_router_link.vue'
@@ -51,7 +51,7 @@ const NavigationEntry = {
         unreadChats: this.unreadChatsCount,
       }
     },
-    ...mapStores(useAnnouncementsStore),
+    ...mapState(useAnnouncementsStore, ['unreadAnnouncementsCount']),
     ...mapState(useDraftsStore, ['draftsCount']),
     ...mapState(useUsersStore, ['currentUser']),
     ...mapState(useChatsStore, ['unreadChatsCount']),
diff --git a/src/components/navigation/navigation_entry.vue b/src/components/navigation/navigation_entry.vue
index 0528a2a7b..b3e14d073 100644
--- a/src/components/navigation/navigation_entry.vue
+++ b/src/components/navigation/navigation_entry.vue
@@ -54,7 +54,7 @@
         {{ badges[item.badgeGetter] }}
       </div>
       <div
-        v-else-if="item.badgeGetter && item.store && this[`${item.store}Store`][item.badgeGetter]"
+        v-else-if="item.badgeGetter && item.store && badges[item.badgeGetter]"
         class="badge badge-notification"
       >
         {{ this[`${item.store}Store`][item.badgeGetter] }}
diff --git a/src/components/navigation/navigation_pins.js b/src/components/navigation/navigation_pins.js
index d9a3e3a4a..b77518cc8 100644
--- a/src/components/navigation/navigation_pins.js
+++ b/src/components/navigation/navigation_pins.js
@@ -13,6 +13,8 @@ import {
 
 import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useBookmarkFoldersStore } from 'src/stores/bookmark_folders'
+import { useChatsStore } from 'src/stores/chats.js'
+import { useDraftsStore } from 'src/stores/drafts.js'
 import { useFollowRequestsStore } from 'src/stores/follow_requests.js'
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
@@ -69,10 +71,14 @@ const NavPanel = {
     }),
     ...mapState(useAnnouncementsStore, {
       supportsAnnouncements: (store) => store.supportsAnnouncements,
+      unreadAnnouncementsCount: 'unreadAnnouncementsCount',
     }),
+    ...mapState(useDraftsStore, ['draftsCount']),
+    ...mapState(useFollowRequestsStore, ['followRequestsCount']),
     ...mapState(useBookmarkFoldersStore, {
       bookmarks: getBookmarkFolderEntries,
     }),
+    ...mapState(useChatsStore, ['unreadChatsCount']),
     ...mapState(useSyncConfigStore, {
       pinnedItems: (store) =>
         new Set(store.prefsStorage.collections.pinnedNavItems),
@@ -83,7 +89,6 @@ const NavPanel = {
       'localBubble',
     ]),
     ...mapState(useUsersStore, ['currentUser']),
-    ...mapState(useFollowRequestsStore, ['followRequestsCount']),
     pinnedList() {
       if (!this.currentUser) {
         return filterNavigation(