[frontend] Add error interceptor, fix auth interceptor, add lazy loaded dashboard component

kibicara-frontend/src/app/app-routing.module.ts

@@ -2,22 +2,28 @@ import { NgModule } from '@angular/core';
 import { Routes, RouterModule } from '@angular/router';
 import { NotFoundComponent } from './shared/not-found/not-found.component';
 import { HomepageComponent } from './homepage/homepage.component';
-import { LoginComponent } from './login/login.component';
-import { RegisterComponent } from './register/register.component';
+import { LoginComponent } from './auth/login/login.component';
+import { RegisterComponent } from './auth/register/register.component';
 import { OrganizerspageComponent } from './organizerspage/organizerspage.component';
 import { HoodspageComponent } from './hoodspage/hoodspage.component';
 import { HoodpageComponent } from './hoodpage/hoodpage.component';
 import { SharedModule } from './shared/shared.module';
+import { ConfirmComponent } from './auth/confirm/confirm.component';
 
 const routes: Routes = [
   { path: '', component: HomepageComponent },
   { path: 'login', component: LoginComponent },
   { path: 'register', component: RegisterComponent },
+  { path: 'confirm', component: ConfirmComponent },
   { path: 'organizers', component: OrganizerspageComponent },
   { path: 'hoods', component: HoodspageComponent },
   { path: 'hoods/:id', component: HoodpageComponent },
+  {
+    path: 'dashboard',
+    loadChildren: () =>
+      import('./dashboard/dashboard.module').then((m) => m.DashboardModule),
+  },
   { path: '**', component: NotFoundComponent },
-  //TODO Lazy Load dashboard
 ];
 
 @NgModule({

kibicara-frontend/src/app/core/auth/auth-token.interceptor.ts

@@ -17,10 +17,10 @@ export class AuthTokenInterceptor implements HttpInterceptor {
     next: HttpHandler
   ): Observable<HttpEvent<any>> {
     const token = this.loginService.currentHoodAdminValue;
-    if (token) {
+    if (token && token.access_token) {
       request = request.clone({
         setHeaders: {
-          Authorization: 'Bearer ' + token,
+          Authorization: 'Bearer ' + token.access_token,
         },
       });
     }

kibicara-frontend/src/app/core/auth/error.interceptor.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { ErrorInterceptor } from './error.interceptor';
+
+describe('ErrorInterceptor', () => {
+  beforeEach(() =>
+    TestBed.configureTestingModule({
+      providers: [ErrorInterceptor],
+    })
+  );
+
+  it('should be created', () => {
+    const interceptor: ErrorInterceptor = TestBed.inject(ErrorInterceptor);
+    expect(interceptor).toBeTruthy();
+  });
+});

kibicara-frontend/src/app/core/auth/error.interceptor.ts

@@ -0,0 +1,32 @@
+import { Injectable } from '@angular/core';
+import {
+  HttpRequest,
+  HttpHandler,
+  HttpEvent,
+  HttpInterceptor,
+} from '@angular/common/http';
+import { Observable, throwError } from 'rxjs';
+import { LoginService } from './login.service';
+import { catchError } from 'rxjs/operators';
+import { Router } from '@angular/router';
+
+@Injectable()
+export class ErrorInterceptor implements HttpInterceptor {
+  constructor(private loginService: LoginService, private router: Router) {}
+
+  intercept(
+    request: HttpRequest<unknown>,
+    next: HttpHandler
+  ): Observable<HttpEvent<any>> {
+    return next.handle(request).pipe(
+      catchError((err) => {
+        if (err.status === 401) {
+          this.loginService.logout();
+          location.reload(true);
+        }
+        const error = err.error.message || err.statusText;
+        return throwError(error);
+      })
+    );
+  }
+}