notification-related settings

src/components/mobile_nav/mobile_nav.js

@@ -52,7 +52,10 @@ const MobileNav = {
       return this.$store.state.users.currentUser
     },
     unseenNotifications() {
-      return unseenNotificationsFromStore(this.$store)
+      return unseenNotificationsFromStore(
+        this.$store,
+        useSyncConfigStore().mergedConfig.notificationVisibility,
+      )
     },
     unseenNotificationsCount() {
       return (

src/components/notifications/notifications.js

@@ -76,7 +76,10 @@ const Notifications = {
       return this.$store.state.notifications.error
     },
     unseenNotifications() {
-      return unseenNotificationsFromStore(this.$store)
+      return unseenNotificationsFromStore(
+        this.$store,
+        useSyncConfigStore().mergedConfig.notificationVisibility,
+      )
     },
     filteredNotifications() {
       if (this.unseenAtTop) {

src/components/side_drawer/side_drawer.js

@@ -10,6 +10,7 @@ import { useAnnouncementsStore } from 'src/stores/announcements'
 import { useInstanceStore } from 'src/stores/instance.js'
 import { useInstanceCapabilitiesStore } from 'src/stores/instance_capabilities.js'
 import { useInterfaceStore } from 'src/stores/interface'
+import { useSyncConfigStore } from 'src/stores/sync_config.js'
 import { useShoutStore } from 'src/stores/shout'
 
 import { library } from '@fortawesome/fontawesome-svg-core'
@@ -72,7 +73,10 @@ const SideDrawer = {
       return useShoutStore().joined
     },
     unseenNotifications() {
-      return unseenNotificationsFromStore(this.$store)
+      return unseenNotificationsFromStore(
+        this.$store,
+        useSyncConfigStore().mergedConfig.notificationVisibility,
+      )
     },
     unseenNotificationsCount() {
       return this.unseenNotifications.length

src/services/notification_utils/notification_utils.js

@@ -105,15 +105,17 @@ export const filteredNotificationsFromStore = (
   )
 }
 
-export const unseenNotificationsFromStore = (store) => {
+export const unseenNotificationsFromStore = (store, notificationVisibility) => {
   const rootGetters = store.rootGetters || store.getters
   const ignoreInactionableSeen = rootGetters.mergedConfig.ignoreInactionableSeen
 
-  return filteredNotificationsFromStore(store).filter(({ seen, type }) => {
+  return filteredNotificationsFromStore(store, notificationVisibility).filter(
-    if (!ignoreInactionableSeen) return !seen
+    ({ seen, type }) => {
-    if (seen) return false
+      if (!ignoreInactionableSeen) return !seen
-    return ACTIONABLE_NOTIFICATION_TYPES.has(type)
+      if (seen) return false
-  })
+      return ACTIONABLE_NOTIFICATION_TYPES.has(type)
+    },
+  )
 }
 
 export const prepareNotificationObject = (notification, i18n) => {