diff --git a/src/components/home/TheNavigation.vue b/src/components/home/TheNavigation.vue
index 7fff1df0a..d4409be54 100644
--- a/src/components/home/TheNavigation.vue
+++ b/src/components/home/TheNavigation.vue
@@ -27,14 +27,18 @@
-
+
@@ -99,7 +103,7 @@ import Update from '@/components/home/update.vue'
import ListSettingsDropdown from '@/components/list/list-settings-dropdown.vue'
import Dropdown from '@/components/misc/dropdown.vue'
import DropdownItem from '@/components/misc/dropdown-item.vue'
-import Notifications from '@/components/notifications/notifications.vue'
+import NotificationList from '@/components/notifications/NotificationList.vue'
import Logo from '@/components/home/Logo.vue'
import NavbarTriggerButton from '@/components/home/NavbarTriggerButton.vue'
import BaseButton from '@/components/base/BaseButton.vue'
@@ -110,6 +114,7 @@ import {getListTitle} from '@/helpers/getListTitle'
import {useBaseStore} from '@/stores/base'
import {useConfigStore} from '@/stores/config'
import {useAuthStore} from '@/stores/auth'
+import {useNotificationStore} from '@/stores/notifications'
const baseStore = useBaseStore()
const currentList = computed(() => baseStore.currentList)
@@ -135,11 +140,15 @@ onMounted(async () => {
listTitle.value.style.setProperty('--nav-username-width', `${usernameWidth}px`)
})
-const quickActionsActive = computed(() => baseStore.quickActionsActive)
+const {
+ notifications,
+ hasUnreadNotifications,
-function openQuickActions() {
- baseStore.setQuickActionsActive(true)
-}
+ markNotificationAsRead,
+ startNotificationPulling,
+} = useNotificationStore()
+
+startNotificationPulling()