🎨 Change display of navbars

src/app/app.component.html

@@ -1,4 +1,4 @@
-<app-navbar *ngIf="isAuth"></app-navbar>
+<app-navbar *ngIf="localStorageService.getToken()"></app-navbar>
-<app-home-navbar *ngIf="!isAuth"></app-home-navbar>
+<app-home-navbar *ngIf="!localStorageService.getToken()"></app-home-navbar>
 
 <router-outlet />

src/app/app.component.ts

@@ -3,6 +3,7 @@ import { Component } from '@angular/core';
 import { RouterOutlet } from '@angular/router';
 import { HomeNavbarComponent } from './components/home-navbar/home-navbar.component';
 import { NavbarComponent } from './components/navbar/navbar.component';
+import { LocalStorageService } from './services/localstorage.service';
 
 @Component({
   selector: 'app-root',
@@ -11,13 +12,6 @@ import { NavbarComponent } from './components/navbar/navbar.component';
 })
 export class AppComponent {
   title = 'Memory Map';
-  isAuth: boolean = false;
 
-  constructor() {}
+  constructor(protected localStorageService: LocalStorageService) {}
-
-  ngOnInit(): void {
-    if (localStorage.getItem('auth_token') !== null) {
-      this.isAuth = true;
-    }
-  }
 }