From caff8aa312c4c370ef3de65b1c40bfdaa442f973 Mon Sep 17 00:00:00 2001
From: sanchezvem <mathys.sanchezvende@gmail.com>
Date: Thu, 28 May 2026 14:35:57 +0100
Subject: [PATCH] Added disconnect button

---
 src/app/components/layout/layout.css  |  9 +++++++++
 src/app/components/layout/layout.html |  1 +
 src/app/components/layout/layout.ts   | 11 +++++++++--
 3 files changed, 19 insertions(+), 2 deletions(-)

diff --git a/src/app/components/layout/layout.css b/src/app/components/layout/layout.css
index 1fc8139..51e4597 100644
--- a/src/app/components/layout/layout.css
+++ b/src/app/components/layout/layout.css
@@ -96,6 +96,15 @@ nz-header {
     transition: transform 0.2s ease, color 0.2s ease;
 }
 
+.disconnect {
+    transition: transform 0.2s ease, color 0.2s ease;
+}
+
+.disconnect:hover {
+    color: #40a9ff;
+    transform: scale(1.2);
+}
+
 .right-icons app-modal-nav:hover {
     color: #40a9ff;
     transform: scale(1.2);
diff --git a/src/app/components/layout/layout.html b/src/app/components/layout/layout.html
index 43a974e..99017a4 100644
--- a/src/app/components/layout/layout.html
+++ b/src/app/components/layout/layout.html
@@ -69,6 +69,7 @@
 
             <!-- ICONES À DROITE -->
             <div class="right-icons">
+                <nz-icon nzType="logout" nzTheme="outline" class="disconnect" (click)="disconnect()"/>
                 <app-modal-nav nameIcon="user" name="Profil">
                     <app-profil></app-profil>
                 </app-modal-nav>
diff --git a/src/app/components/layout/layout.ts b/src/app/components/layout/layout.ts
index f6a07d1..7be2e5f 100644
--- a/src/app/components/layout/layout.ts
+++ b/src/app/components/layout/layout.ts
@@ -1,11 +1,12 @@
-import {Component} from '@angular/core';
+import {Component, inject} from '@angular/core';
 import {ModalNav} from "../modal-nav/modal-nav";
 import {NzContentComponent, NzHeaderComponent, NzLayoutComponent} from "ng-zorro-antd/layout";
 import {NzIconDirective} from "ng-zorro-antd/icon";
 import {NzMenuDirective, NzMenuItemComponent, NzSubMenuComponent} from "ng-zorro-antd/menu";
 import {Profil} from "../profil/profil";
-import {RouterLink, RouterLinkActive, RouterOutlet} from "@angular/router";
+import {Router, RouterLink, RouterLinkActive, RouterOutlet} from "@angular/router";
 import {SettingForm} from "../setting-form/setting-form";
+import {AuthService} from "../../services/auth.service";
 
 @Component({
     selector: 'app-layout',
@@ -28,5 +29,11 @@ import {SettingForm} from "../setting-form/setting-form";
     styleUrl: './layout.css',
 })
 export class Layout {
+    private authService = inject(AuthService);
+    private router = inject(Router);
 
+    async disconnect(){
+        this.authService.logout();
+        await this.router.navigate(['/login']);
+    }
 }