From 0d329784c5c486fd2bc25ee3a5d9468f8582f7c7 Mon Sep 17 00:00:00 2001
From: Rodolfo Ruiz <rodolfo.ruiz@heathus.com>
Date: Thu, 21 Aug 2025 16:24:08 -0600
Subject: [PATCH] chore: fix header and add icons

---
 public/alert.png             | Bin 0 -> 539 bytes
 public/refresh.png           | Bin 0 -> 553 bytes
 src/components/AppHeader.jsx |  41 ++++++++++++++++++++---------------
 3 files changed, 24 insertions(+), 17 deletions(-)
 create mode 100644 public/alert.png
 create mode 100644 public/refresh.png

diff --git a/public/alert.png b/public/alert.png
new file mode 100644
index 0000000000000000000000000000000000000000..b7e58aede50ff4462a4d915b7fa70e6d381e9c61
GIT binary patch
literal 539
zcmV+$0_6RPP)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0kBC#K~#7F?UqeS
z12GiG|4EBdq%~9pm$P(ddxEAn&>MIIap|hPi9LchFrL7A0>_<#=%^s2Fo`cIl~xOr
z%veOo59W*cXLxxZ^Bxe1L?V9+Lq+7iNH8^5fB{;(tI{k(1!|~(+!YeJKDD=W2uyL1
zY&9O!k4cJ>l=6^FguuJGfH6m4Owsjv_BGa{dr4m%p~=t6c&m;wytxnwaNbu>nOb}$
z1%;5)d#6Dcfp7#O+pU2!M*lR%qOvT7W_{8mq#a`2$oBS~+-aT^>smuPUJyu-hvc5<
z*qtM<sY0>lBRUHg!gU!$l`ZVWg{6QmO&tjW2+koQq;j(PCVUAqNNWliOZ^uxGCp6U
zK_K_D01q*Y>C{00VgDh<4k?jtz4gZ2Q^*no5SY}4cFUEwp7AkxsfPf(4VslaC1`HL
z;7N{4yT<jr-!_O6nwlsZ`;`0~(q^vLX)S%%cs1AAh@o$Quo7M%!v>8e55=4DOX>+3
zQs>90!o*KjX+U$i@jV=zt5r?cmvZCBGJ~Zj6Oi;Ps5CL!$uMbbS})rQv_Uyn&#xmy
dB9X{H<`Z@9kJ)s`v|#`M002ovPDHLkV1nz-;e!AG

literal 0
HcmV?d00001

diff --git a/public/refresh.png b/public/refresh.png
new file mode 100644
index 0000000000000000000000000000000000000000..6e449c4e3c7fa71a1b96f4367b12a97690531441
GIT binary patch
literal 553
zcmV+^0@nSBP)<h;3K|Lk000e1NJLTq001Na001Ni1^@s6;Q*MJ00009a7bBm000XU
z000XU0RWnu7ytkO0drDELIAGL9O(c600d`2O+f$vv5yP<VFdsH0lrB@K~#7F?UqkY
z!ax+pzmET7q7#*bWskrS$_?-Y;tk*gzzN_6a06ZHirzqOV3#h8)?hTC%=pcq2`seJ
zB8evRTaefGy~#H-?+<{-<MDX@HUU;33Z=vtHE0#iR}&*_VHDq`2?|n3&|HY>LZi;d
zl*=SsDTUS*K1<pIY>7@0VYvlGWf@|shgOIPn(=)aFMU6e5tQzOYOyV<tDKgbpreDE
z==fle=|>;>-rCb#s~{;W&b~*7MtmRZ!0gmsSDqMNA5Tf=IVIuhh%xhGs)nwjqSC@i
zKBHm9Im9{%;x1dPpc+k+&=)Q-n5jCH8d_VambKqzQC8SSmP2$b>#UgG!mDz)zax{E
z$@Nch$?N1Q+}kyqD1W}{#1G>hGT6*=zzi`qMU^{@_|$@+{cd`X11dP>9Sqq4M)BiQ
z8@~ywOWFiAeI{RAXkxJrC}?0x+1bD3-XgwmuQG!Y4gN}(-eP@bI(HAsKRS2?5N336
zGzfA2&FJXzyW|F{ahh**6dSHqlxovFgPCbTFrq%@i4I|gD>z)0Xi|(@@~<jrN!SJ|
r{QEJ_l|Uq{%F7}`JRXn7^I!M?Gmo1035n;@00000NkvXXu0mjfnhozJ

literal 0
HcmV?d00001

diff --git a/src/components/AppHeader.jsx b/src/components/AppHeader.jsx
index 45e3f74..2e1e2ea 100644
--- a/src/components/AppHeader.jsx
+++ b/src/components/AppHeader.jsx
@@ -8,12 +8,13 @@ import { useNavigate } from 'react-router-dom';
 export default function AppHeader({ zone = 'public', onSelectMenuItem }) {
 
   const bgColor = {
-    public: '#40120EFF',
-    restricted: '#40120EFF',
-    private: '#40120EFF',
+    public: 'white',
+    restricted: 'white',
+    private: 'white',
   };
 
   const [drawerExpanded, setDrawerExpanded] = useState(true);
+  const [currentPage, setCurrentPage] = useState('Dashboard'); // track current page
   const { user, logout } = useAuth();
 
   const isPrivate = zone === 'private';
@@ -22,6 +23,13 @@ export default function AppHeader({ zone = 'public', onSelectMenuItem }) {
 
   const navigate = useNavigate();
 
+  const handleMenuSelect = (page) => {
+    setCurrentPage(page);     // update page title
+    onSelectMenuItem?.(page); // still notify parent
+    // you can also navigate if you have routes:
+    // navigate(`/${page.toLowerCase().replace(/\s+/g, '-')}`);
+  };
+
   return (
     <AppBar position="static"
       sx={{
@@ -32,30 +40,29 @@ export default function AppHeader({ zone = 'public', onSelectMenuItem }) {
       }} >
       <Toolbar sx={{ justifyContent: 'space-between', flexWrap: 'wrap' }}>
 
-        {/* Login button only visible for public zone */}
-        {isPublic && !user && (
-          <Box>
-            <IconButton color="inherit" onClick={() => navigate('/login')}>
-              <Typography variant="button" color="#A68A72FF">
-                Login
-              </Typography>
-            </IconButton>
-          </Box>
-        )}
+        {/* LEFT SIDE: Current Page */}
+        <Typography
+          variant="h6"
+          noWrap
+          sx={{ color: '#40120EFF', fontWeight: 600 }}
+        >
+          {currentPage}
+        </Typography>
 
+        {/* RIGHT SIDE: User Info */}
         {user && (
-          <Box display="flex" alignItems="center" gap={2}>
-            <Typography variant="body1">{user.name}</Typography>
+          <Box display="flex" alignItems="center" gap={1}>
             <Avatar alt={user.name} src={user.picture} />
+            <Typography variant="body1" color='#40120EFF'>{user.name}</Typography>
           </Box>
         )}
 
-        {/* Rendering the Drawer */}
+        {/* Drawer (hidden off canvas, just keeps logic) */}
         <MenuDrawer
           zone="private"
           open={drawerExpanded}
           onClose={() => setDrawerExpanded(false)}
-          onSelect={onSelectMenuItem} // pass handler from App
+          onSelect={handleMenuSelect} // patched
         />
 
       </Toolbar>