From 30388b3f502ca7f8b8a9d453404b53a1ca5e4eb7 Mon Sep 17 00:00:00 2001
From: Zen Software <ZenSoftware@users.noreply.github.com>
Date: Wed, 7 Jun 2023 22:00:26 -0600
Subject: [PATCH] feat(auth): moved logout button to settings page

undefined
---
 apps/portal/src/app/app.component.html                       | 5 -----
 .../lib/zen-portal/zen-settings/zen-settings.component.html  | 5 +++++
 .../lib/zen-portal/zen-settings/zen-settings.component.ts    | 3 ++-
 3 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/apps/portal/src/app/app.component.html b/apps/portal/src/app/app.component.html
index a9a228c3c..a30fb3252 100644
--- a/apps/portal/src/app/app.component.html
+++ b/apps/portal/src/app/app.component.html
@@ -39,11 +39,6 @@
         <i class="fa-solid fa-fw fa-user-shield me-2"></i>
         Super
       </a>
-
-      <a mat-list-item (click)="auth.logout()">
-        <i class="fa-solid fa-fw fa-sign-in-alt me-2"></i>
-        Logout
-      </a>
     </mat-nav-list>
   </div>
 
diff --git a/libs/main/src/lib/zen-portal/zen-settings/zen-settings.component.html b/libs/main/src/lib/zen-portal/zen-settings/zen-settings.component.html
index 775a9744a..7062c889b 100644
--- a/libs/main/src/lib/zen-portal/zen-settings/zen-settings.component.html
+++ b/libs/main/src/lib/zen-portal/zen-settings/zen-settings.component.html
@@ -14,6 +14,11 @@ <h1>
       </div>
     </div>
 
+    <button mat-raised-button color="primary" (click)="auth.logout()" class="w-100 fs-4 py-1 mb-4">
+      <i class="fa-solid fa-fw fa-sign-out-alt me-2"></i>
+      Logout
+    </button>
+
     <div class="mb-4">
       <zen-password-change *ngIf="accountInfo.hasPassword"/>
     </div>
diff --git a/libs/main/src/lib/zen-portal/zen-settings/zen-settings.component.ts b/libs/main/src/lib/zen-portal/zen-settings/zen-settings.component.ts
index e6d5006bc..f17332ab0 100644
--- a/libs/main/src/lib/zen-portal/zen-settings/zen-settings.component.ts
+++ b/libs/main/src/lib/zen-portal/zen-settings/zen-settings.component.ts
@@ -1,5 +1,6 @@
 import { AsyncPipe, NgIf } from '@angular/common';
 import { Component } from '@angular/core';
+import { MatButtonModule } from '@angular/material/button';
 import { AuthService } from '@zen/auth';
 import { ZenAccountInfoComponent, ZenPasswordChangeComponent } from '@zen/auth';
 
@@ -7,7 +8,7 @@ import { ZenAccountInfoComponent, ZenPasswordChangeComponent } from '@zen/auth';
   selector: 'zen-settings',
   templateUrl: 'zen-settings.component.html',
   standalone: true,
-  imports: [AsyncPipe, NgIf, ZenAccountInfoComponent, ZenPasswordChangeComponent],
+  imports: [AsyncPipe, MatButtonModule, NgIf, ZenAccountInfoComponent, ZenPasswordChangeComponent],
 })
 export class ZenSettingsComponent {
   constructor(public auth: AuthService) {}