userService now persist user data in localStorage

client/src/app/core/services/recipe.service.ts

@@ -1,6 +1,6 @@
 import { HttpClient } from '@angular/common/http';
 import { Injectable } from '@angular/core';
-import { BehaviorSubject, Observable, distinctUntilChanged, tap } from 'rxjs';
+import { Observable, tap } from 'rxjs';
 import { Recipe, Recipe01 } from '../models/recipe.model';
 import { environment } from 'src/environments/environment';
 

client/src/app/core/services/user.service.ts

@@ -19,17 +19,18 @@ export class UserService {
     .asObservable()
     .pipe(distinctUntilChanged());
 
-  public isAuthenticated = this.currentUser.pipe(
+  public isAuthenticated = this.currentUser.pipe(map((user) => !!user));
-    map((user) => !!user),
-    tap((isAuth) => {
-      console.log('Change auth', isAuth);
-    })
-  );
 
   constructor(
     private readonly http: HttpClient,
     private readonly router: Router
-  ) {}
+  ) {
+    const user = localStorage.getItem('user');
+
+    if (user) {
+      this.currentUserSubject.next(JSON.parse(user));
+    }
+  }
 
   logout(): void {
     this.purgeAuth();
@@ -59,10 +60,12 @@ export class UserService {
   }
 
   setAuth(user: User): void {
+    window.localStorage.setItem('user', JSON.stringify(user));
     void this.currentUserSubject.next(user);
   }
 
   purgeAuth(): void {
+    window.localStorage.removeItem('user');
     void this.currentUserSubject.next(null);
   }
 }