feat: if authorized, redirect to the article list

Author: emp74ark

src/app/app.routes.ts

@@ -4,10 +4,16 @@ import { authGuard } from './guards/auth-guard'
 import { AuthPage } from './pages/auth-page/auth-page.component'
 import { StatusPage } from './pages/status-page/status-page'
 import { WelcomePage } from './pages/welcome-page/welcome-page'
+import { publicGuard } from './guards/public-guard'
 
 export const routes: Routes = [
-  { path: '', component: WelcomePage, pathMatch: 'full' },
-  { path: 'auth', component: AuthPage, data: { title: 'Authentication' } },
+  { path: '', component: WelcomePage, pathMatch: 'full', canActivate: [publicGuard] },
+  {
+    path: 'auth',
+    component: AuthPage,
+    data: { title: 'Authentication' },
+    canActivate: [publicGuard],
+  },
   {
     path: 'articles',
     loadComponent: async () => {

src/app/guards/public-guard.ts

@@ -0,0 +1,14 @@
+import { CanActivateFn, Router } from '@angular/router'
+import { inject } from '@angular/core'
+
+export const publicGuard: CanActivateFn = (route, state) => {
+  const savedUserId = localStorage.getItem('user')
+  const path = route.routeConfig?.path
+  const router = inject(Router)
+
+  if (savedUserId && (path === '' || path === 'auth')) {
+    return router.createUrlTree(['/articles'])
+  }
+
+  return true
+}