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] }}
{{ 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(