From ebeafe0a6a70da064fd97359e38f53406a58bed4 Mon Sep 17 00:00:00 2001
From: Gunther6070 <haydenhartman10@yahoo.com>
Date: Mon, 7 Apr 2025 16:45:38 -0400
Subject: Added underline to currently selected page

---
 ufund-ui/src/app/app.component.html | 7 +++----
 1 file changed, 3 insertions(+), 4 deletions(-)

(limited to 'ufund-ui/src/app/app.component.html')

diff --git a/ufund-ui/src/app/app.component.html b/ufund-ui/src/app/app.component.html
index aebf9be..7277682 100644
--- a/ufund-ui/src/app/app.component.html
+++ b/ufund-ui/src/app/app.component.html
@@ -6,10 +6,9 @@
             </a>
         </div>
         <div>
-            <a *ngIf="(currentUser | async)?.type === userType.MANAGER" routerLink="/dashboard">Dashboard</a>
-            <a routerLink="/cupboard">Cupboard</a>
-            <a *ngIf="(currentUser | async)?.type === userType.HELPER" routerLink="/basket">Basket</a>
-    <!--        <span>{{currentUser$ | async}}</span>-->
+            <a [class]="location.path() == '/dashboard' ? 'current' : ''" *ngIf="(currentUser | async)?.type === userType.MANAGER" routerLink="/dashboard">Dashboard</a>
+            <a [class]="location.path() == '/cupboard' ? 'current' : ''" routerLink="/cupboard">Cupboard</a>
+            <a [class]="location.path() == '/basket' ? 'current' : ''" *ngIf="(currentUser | async)?.type === userType.HELPER" routerLink="/basket">Basket</a>
             <button *ngIf="currentUser | async" (click)="logout()">Log Out</button>
             <button *ngIf="!(currentUser | async)" (click)="login()">Log In</button>
             <a href="#" (click)="$event.preventDefault(); toggleColorScheme()"><span class="icon">brightness_7</span></a>
-- 
cgit v1.2.3