Keep fetch interval alive in all pages

Author: kadiryazici

src/App.vue

@@ -3,11 +3,18 @@ import AppContent from './components/AppContent.vue'
 import AppSidebar from './components/AppSidebar.vue'
 import HomePage from './pages/HomePage.vue'
 import SettingsPage from './pages/SettingsPage.vue'
-import { Page } from './constants'
+import { FETCH_INTERVAL_DURATION, Page } from './constants'
 import { useStore } from './stores/store'
 import LandingPage from './pages/LandingPage.vue'
+import { useInterval } from './composables/useInterval'
+import { AppStorage } from './storage'
 
 const store = useStore()
+
+useInterval(() => {
+  if (AppStorage.get('accessToken') && AppStorage.get('user'))
+    store.fetchNotifications()
+}, FETCH_INTERVAL_DURATION)
 </script>
 
 <template>

src/constants.ts

@@ -2,6 +2,7 @@ import { Icons } from './components/Icons'
 
 export const SERVER_PORT = 23846
 export const REPO_LINK = 'https://github.com/Gitification-App/gitification'
+export const FETCH_INTERVAL_DURATION = 60000
 
 export enum Page {
   Settings = 'Settings',

src/main.ts

@@ -24,6 +24,7 @@ app.use(pinia)
   const store = useStore(pinia)
   const token = AppStorage.get('accessToken')
   const user = AppStorage.get('user')
+
   AppStorage.set('openAtStartup', await isAutostartEnabled())
 
   if (token && user)

src/pages/HomePage.vue

@@ -20,8 +20,8 @@ import AppButton from '../components/AppButton.vue'
 
 const store = useStore()
 
-store.fetchNotifications(store.pageFrom === Page.Landing || store.notifications.length === 0)
-useInterval(store.fetchNotifications, 60000)
+if (store.pageFrom === Page.Landing || store.pageFrom == null)
+  store.fetchNotifications(true)
 
 function handleNotificationClick(notification: Thread) {
   const url = toGithubWebURL({ notification, userId: AppStorage.get('user')!.id })