From 751e6692de612f7b5feb4b22a64307ba69046e94 Mon Sep 17 00:00:00 2001
From: Dev Singh <dsingh14@illinois.edu>
Date: Sat, 20 Jul 2024 20:01:05 -0400
Subject: [PATCH] show dev env prominently

---
 clientv2/src/components/Navbar/Logo.tsx  | 5 +++--
 clientv2/src/components/Navbar/index.tsx | 2 --
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/clientv2/src/components/Navbar/Logo.tsx b/clientv2/src/components/Navbar/Logo.tsx
index 379ffb2..fc112fa 100644
--- a/clientv2/src/components/Navbar/Logo.tsx
+++ b/clientv2/src/components/Navbar/Logo.tsx
@@ -9,6 +9,7 @@ interface LogoBadgeProps {
 }
 
 const LogoBadge: React.FC<LogoBadgeProps> = ({ size, linkTo, showText }) => {
+  const isNonProd = import.meta.env.VITE_RUN_ENVIRONMENT !== 'prod';
   if (!showText) {
     showText = true;
   }
@@ -22,13 +23,13 @@ const LogoBadge: React.FC<LogoBadgeProps> = ({ size, linkTo, showText }) => {
         style={{
           fontSize: size,
           textDecoration: 'none',
-          color: '#0053B3',
+          color: isNonProd ? 'red' : '#0053B3',
           display: 'flex',
           alignItems: 'center',
         }}
       >
         <img src={brandImgUrl} alt="ACM Logo" style={{ height: '3em', marginRight: '0.5em' }} />
-        {showText ? 'Resume Book' : null}
+        {showText ? isNonProd ? `Resume Book ${import.meta.env.VITE_RUN_ENVIRONMENT.toUpperCase()} ENV` : 'Resume Book' : null}
       </Link>
     </b>
   );
diff --git a/clientv2/src/components/Navbar/index.tsx b/clientv2/src/components/Navbar/index.tsx
index 14ee633..df12cf8 100644
--- a/clientv2/src/components/Navbar/index.tsx
+++ b/clientv2/src/components/Navbar/index.tsx
@@ -15,14 +15,12 @@ const isActiveLink = (path: string) => location.pathname === path;
 
 const HeaderNavbar: React.FC<HeaderNavbarProps> = ({ userData }) => {
   const [drawerOpened, { toggle: toggleDrawer, close: closeDrawer }] = useDisclosure(false);
-
   return (
     <Box>
       <header className={classes.header}>
         <Group justify="space-between" align="center" h="100%">
           <Group justify="start" align="center" h="100%" gap={10}>
             <LogoBadge />
-            {/* <Badge color="red">Beta</Badge> */}
             <Group justify="start" align="center" h="100%" gap={10} visibleFrom="sm">
               {userData?.role === AuthRoleEnum.STUDENT ? (
                 <a href="/profile" className={classes.link}>