✨ Setup drive dashboard

DysonNetwork.Drive/Client/src/router/index.ts

@@ -1,5 +1,6 @@
 import { createRouter, createWebHistory } from 'vue-router'
 import { useUserStore } from '@/stores/user'
+import { useServicesStore } from '@/stores/services'
 
 const router = createRouter({
   history: createWebHistory(import.meta.env.BASE_URL),
@@ -7,26 +8,53 @@ const router = createRouter({
     {
       path: '/',
       name: 'index',
-      component: () => import('../views/index.vue')
+      component: () => import('../views/index.vue'),
     },
     {
       path: '/files/:fileId',
       name: 'files',
       component: () => import('../views/files.vue'),
-    }
-  ]
+    },
+    {
+      path: '/dashboard',
+      name: 'dashboard',
+      component: () => import('../layouts/dashboard.vue'),
+      meta: { requiresAuth: true },
+      children: [
+        {
+          path: 'usage',
+          name: 'dashboardUsage',
+          component: () => import('../views/dashboard/usage.vue'),
+          meta: { requiresAuth: true },
+        },
+      ],
+    },
+    {
+      path: '/:notFound(.*)',
+      name: 'errorNotFound',
+      component: () => import('../views/not-found.vue'),
+    },
+  ],
 })
 
 router.beforeEach(async (to, from, next) => {
   const userStore = useUserStore()
+  const servicesStore = useServicesStore()
 
   // Initialize user state if not already initialized
   if (!userStore.user && localStorage.getItem('authToken')) {
-    await userStore.initialize()
+    await userStore.fetchUser()
   }
 
   if (to.matched.some((record) => record.meta.requiresAuth) && !userStore.isAuthenticated) {
-    next({ name: 'login', query: { redirect: to.fullPath } })
+    window.open(
+      servicesStore.getSerivceUrl(
+        'DysonNetwork.Pass',
+        'login?redirect=' + encodeURIComponent(window.location.href),
+      )!,
+      '_blank',
+    )
+    next('/')
   } else {
     next()
   }