feat: add /logout route in frontend for user logout (#25)

client/src/app/app.component.html

@@ -7,6 +7,7 @@
 		<a href="/register">/register</a>
 		<a href="/login">/login</a>
 		<a href="/profile">/profile</a>
+		<a href="/logout">/logout</a>
 	</nav>
 </div>
 

client/src/app/authentication/auth.service.ts

@@ -66,6 +66,7 @@ export class AuthService {
   }
   logout() {
     localStorage.removeItem("token");
+    this.router.navigateByUrl("/")
   }
 
     /**

client/src/app/users/user-logout/user-logout.component.html

+<p>user-logout works!</p>

client/src/app/users/user-logout/user-logout.component.spec.ts

+import { ComponentFixture, TestBed } from '@angular/core/testing';
+import { HttpClientTestingModule } from '@angular/common/http/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { UserLogoutComponent } from './user-logout.component';
+
+describe('UserLogoutComponent', () => {
+  let component: UserLogoutComponent;
+  let fixture: ComponentFixture<UserLogoutComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ UserLogoutComponent ],
+      imports: [ HttpClientTestingModule, RouterTestingModule ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(UserLogoutComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});

client/src/app/users/user-logout/user-logout.component.ts

+import { Component, OnInit } from '@angular/core';
+import { AuthService } from 'src/app/authentication/auth.service';
+
+@Component({
+  selector: 'app-user-logout',
+  templateUrl: './user-logout.component.html',
+  styleUrls: ['./user-logout.component.scss']
+})
+export class UserLogoutComponent implements OnInit {
+
+  constructor(private authService: AuthService) { }
+
+  ngOnInit(): void {
+    this.authService.logout();
+  }
+
+}

client/src/app/users/user.module.ts

@@ -5,6 +5,7 @@ import { FormsModule } from '@angular/forms';
 import { UserRegistrationFormComponent } from './user-registration-form/user-registration-form.component';
 import { UserProfileComponent } from './user-profile/user-profile.component';
 import { UserLoginFormComponent } from './user-login-form/user-login-form.component';
+import { UserLogoutComponent } from './user-logout/user-logout.component';
 
 
 
@@ -12,7 +13,8 @@ import { UserLoginFormComponent } from './user-login-form/user-login-form.compon
   declarations: [
     UserRegistrationFormComponent,
     UserProfileComponent,
-    UserLoginFormComponent
+    UserLoginFormComponent,
+    UserLogoutComponent
   ],
   imports: [
     CommonModule,