show dev env prominently

acm-uiuc · Jul 21, 2024 · 751e669 · 751e669
1 parent ae1241e
commit 751e669
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 4 deletions.
diff --git 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
@@ -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}>