environment

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

@@ -3,7 +3,7 @@ import { inject, Injectable } from '@angular/core';
 import { ActivatedRoute, Router } from '@angular/router';
 import { BehaviorSubject, Observable, tap, of, catchError } from 'rxjs';
 import { IUser } from '../../model/interface/user.interface';
-import { environment } from '../../../environments/environment.development';
+import { environment } from '../../../environments/environment';
 import { HotToastService } from '@ngxpert/hot-toast';
 
 @Injectable({
@@ -48,10 +48,16 @@ export class AuthService {
 
   authenticateWithCode(authcode: string) {
     return new Promise(resolve => {
-      this.http.post<IUser>('/api/auth/auth-code', { code: authcode }).subscribe(user => {
-        this.setTokens({ accessToken: user.accessToken, refreshToken: user.refreshToken});
-        this.user = user;
-        return resolve(true)
+      this.http.post<IUser>('/api/auth/auth-code', { code: authcode }).subscribe({
+        next: user => {
+          this.setTokens({ accessToken: user.accessToken, refreshToken: user.refreshToken});
+          this.user = user;
+          return resolve(true)
+        },
+        error: () => {
+          this.toast.error('Login nicht erfolgreich!');
+          return resolve(null);
+        }
       })
     })
   }

client/src/app/core/layout/layout.component.html

@@ -2,11 +2,8 @@
   <button mat-icon-button (click)="drawer.toggle()"> 
     <mat-icon>menu</mat-icon>
   </button>
-  <span>Keyvault</span>
-  <span class="example-spacer"></span>
-  <button mat-icon-button class="example-icon favorite-icon" aria-label="Example icon-button with heart icon">
-    <mat-icon>favorite</mat-icon>
-  </button>
+  <span routerLink="/" class="logo">Keyvault</span>
+  <span class="spacer"></span>
   <button mat-icon-button (click)="logout()">
     <mat-icon>logout</mat-icon>
   </button>
@@ -14,7 +11,8 @@
 
 <mat-drawer-container class="example-container" autosize>
   <mat-drawer #drawer class="main_sidenav" mode="side" opened="true">
-sdf
+    <button mat-button routerLink="/">Home</button>
+    <button mat-button routerLink="/users">Alle User</button>
   </mat-drawer>
 
   

client/src/app/core/layout/layout.component.scss

@@ -8,11 +8,13 @@ mat-drawer-container {
   flex: 1 1 auto;
 }
 
-.example-spacer {
+.spacer {
   flex: 1 1 auto;
 }
 
-
+.logo {
+  cursor: pointer;
+}
 
 mat-drawer, mat-toolbar {
   background-color: #fff;
@@ -21,4 +23,10 @@ mat-drawer, mat-toolbar {
 
 .main_sidenav{
   width: 200px;
+}
+
+mat-drawer {
+  button {
+    width: 100%;
+  }
 }