From 9ebb7b9e9501b8d274aadeb96bd6f665ae79079c Mon Sep 17 00:00:00 2001
From: Joseph Kifle <kifle.joe@gmail.com>
Date: Tue, 24 Mar 2026 22:25:40 -0400
Subject: [PATCH 1/2] feat: header + font changed by role type

---
 src/components/layout/Header/index.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/layout/Header/index.tsx b/src/components/layout/Header/index.tsx
index 5430599..c33b80d 100644
--- a/src/components/layout/Header/index.tsx
+++ b/src/components/layout/Header/index.tsx
@@ -16,7 +16,9 @@ export default function Header(): React.ReactElement {
   const { data: session, status } = useSession();
   const role = session?.user?.role;
   const canCreate = role === "admin" || role === "manager";
-
+  const headerColor = {admin: "#36385C", manager: "#9A9866"}
+  const fontColor = {admin: "#ffffff", manager: "#22305B"}
+  const appBarSx = role && role in headerColor ? { backgroundColor: headerColor[role as keyof typeof headerColor]} : { backgroundColor: "#fff" };
   return (
     <Box
       sx={{
@@ -26,7 +28,7 @@ export default function Header(): React.ReactElement {
         zIndex: 10,
       }}
     >
-      <AppBar position="static" color="default">
+      <AppBar position="static" sx={appBarSx}>
         <Toolbar
           sx={{
             width: "100%",
@@ -74,9 +76,9 @@ export default function Header(): React.ReactElement {
                   display: { xs: "none", md: "flex" },
                   fontSize: ".9rem",
                   fontWeight: 700,
-                  color: "#22305B",
                   textDecoration: "none",
                   flexGrow: 1,
+                  color: fontColor[role as keyof typeof fontColor] || "#22305B"
                 }}
               >
                 THRIVE

From dbc17fccf92389cb0f4098a5b2484c73e1661a91 Mon Sep 17 00:00:00 2001
From: Joseph Kifle <kifle.joe@gmail.com>
Date: Tue, 24 Mar 2026 22:36:28 -0400
Subject: [PATCH 2/2] tweak: lint formatting

---
 src/components/layout/Header/index.tsx | 12 ++++++++----
 1 file changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/components/layout/Header/index.tsx b/src/components/layout/Header/index.tsx
index c33b80d..0e09d86 100644
--- a/src/components/layout/Header/index.tsx
+++ b/src/components/layout/Header/index.tsx
@@ -16,9 +16,13 @@ export default function Header(): React.ReactElement {
   const { data: session, status } = useSession();
   const role = session?.user?.role;
   const canCreate = role === "admin" || role === "manager";
-  const headerColor = {admin: "#36385C", manager: "#9A9866"}
-  const fontColor = {admin: "#ffffff", manager: "#22305B"}
-  const appBarSx = role && role in headerColor ? { backgroundColor: headerColor[role as keyof typeof headerColor]} : { backgroundColor: "#fff" };
+  const headerColor = { admin: "#36385C", manager: "#9A9866" };
+  const fontColor = { admin: "#ffffff", manager: "#22305B" };
+  const appBarSx =
+    role && role in headerColor
+      ? { backgroundColor: headerColor[role as keyof typeof headerColor] }
+      : { backgroundColor: "#fff" };
+
   return (
     <Box
       sx={{
@@ -78,7 +82,7 @@ export default function Header(): React.ReactElement {
                   fontWeight: 700,
                   textDecoration: "none",
                   flexGrow: 1,
-                  color: fontColor[role as keyof typeof fontColor] || "#22305B"
+                  color: fontColor[role as keyof typeof fontColor] || "#22305B",
                 }}
               >
                 THRIVE