From b4a9cd9d540d42a61bee9045d41ada392305a8d5 Mon Sep 17 00:00:00 2001
From: Akash Keshav <112591754+domesticchores@users.noreply.github.com>
Date: Fri, 4 Apr 2025 14:53:32 -0400
Subject: add light/dark mode toggle, only homepage is fully functional. -ak

---
 ufund-ui/src/app/app.component.html | 7 ++++---
 1 file changed, 4 insertions(+), 3 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 f697695..a6e6e6a 100644
--- a/ufund-ui/src/app/app.component.html
+++ b/ufund-ui/src/app/app.component.html
@@ -5,12 +5,13 @@
         </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>
+        <button *ngIf="(currentUser | async)?.type === userType.MANAGER" routerLink="/dashboard">Dashboard</button>
+        <button routerLink="/cupboard">Cupboard</button>
+        <button *ngIf="(currentUser | async)?.type === userType.HELPER" routerLink="/basket">Basket</button>
 <!--        <span>{{currentUser$ | async}}</span>-->
         <button *ngIf="currentUser | async" (click)="logout()"> Log Out</button>
         <button *ngIf="!(currentUser | async)" (click)="login()"> Log In</button>
+        <button class="button" (click)="toggleColorScheme()"><span class="icon">brightness_7</span></button>
     </div>
 </div>
 
-- 
cgit v1.2.3


From 7df725c6e048ceaf5b8228f6157372c90cc9cc58 Mon Sep 17 00:00:00 2001
From: sowgro <tpoke.ferrari@gmail.com>
Date: Sun, 6 Apr 2025 15:52:10 -0400
Subject: Restore header

---
 ufund-ui/src/app/app.component.html | 8 ++++----
 1 file changed, 4 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 8a0fd04..aebf9be 100644
--- a/ufund-ui/src/app/app.component.html
+++ b/ufund-ui/src/app/app.component.html
@@ -6,13 +6,13 @@
             </a>
         </div>
         <div>
-            <button *ngIf="(currentUser | async)?.type === userType.MANAGER" routerLink="/dashboard">Dashboard</button>
-            <button routerLink="/cupboard">Cupboard</button>
-            <button *ngIf="(currentUser | async)?.type === userType.HELPER" routerLink="/basket">Basket</button>
+            <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>-->
             <button *ngIf="currentUser | async" (click)="logout()">Log Out</button>
             <button *ngIf="!(currentUser | async)" (click)="login()">Log In</button>
-            <button class="button" (click)="toggleColorScheme()"><span class="icon">brightness_7</span></button>
+            <a href="#" (click)="$event.preventDefault(); toggleColorScheme()"><span class="icon">brightness_7</span></a>
         </div>
     </div>
 
-- 
cgit v1.2.3


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


From b45f42c348d5b6ea25e0c320843e613d40c4db61 Mon Sep 17 00:00:00 2001
From: sowgro <tpoke.ferrari@gmail.com>
Date: Mon, 7 Apr 2025 17:09:25 -0400
Subject: Fix alignment of color mode toggle

---
 ufund-ui/src/app/app.component.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(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 7277682..03c6338 100644
--- a/ufund-ui/src/app/app.component.html
+++ b/ufund-ui/src/app/app.component.html
@@ -11,7 +11,7 @@
             <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>
+            <a class="icon" id="darkMode" href="#" (click)="$event.preventDefault(); toggleColorScheme()">brightness_7</a>
         </div>
     </div>
 
-- 
cgit v1.2.3