update badges

acm-uiuc · Jul 12, 2024 · c7ec84e · c7ec84e
1 parent 69f71fd
commit c7ec84e
Show file tree

Hide file tree

Showing 3 changed files with 19 additions and 11 deletions.
diff --git a/clientv2/src/components/Navbar/index.tsx b/clientv2/src/components/Navbar/index.tsx
@@ -1,10 +1,10 @@
 'use client';
 
-import { Group, Divider, Box, Burger, Drawer, ScrollArea, rem } from '@mantine/core';
+import { Group, Divider, Box, Burger, Drawer, ScrollArea, rem, Badge } from '@mantine/core';
 import { useDisclosure } from '@mantine/hooks';
 import classes from './index.module.css';
 import LogoBadge from './Logo';
-import { AuthContextData } from '../AuthContext';
+import { AuthContextData, AuthSourceEnum } from '../AuthContext';
 import { AuthenticatedProfileDropdown } from '../ProfileDropdown';
 
 interface HeaderNavbarProps {
@@ -13,13 +13,27 @@ interface HeaderNavbarProps {
 
 const HeaderNavbar: React.FC<HeaderNavbarProps> = ({ userData }) => {
   const [drawerOpened, { toggle: toggleDrawer, close: closeDrawer }] = useDisclosure(false);
+  let badge = null;
+  if (userData?.authenticationMethod === AuthSourceEnum.LOCAL) {
+    badge = (
+      <Badge color="blue" style={{ marginLeft: 10 }}>
+        Recruiter
+      </Badge>
+    );
+  } else if (userData?.authenticationMethod === AuthSourceEnum.MSAL) {
+    badge = (
+      <Badge color="#FF5F05" style={{ marginLeft: 10 }}>
+        Student
+      </Badge>
+    );
+  }
   return (
     <Box>
       <header className={classes.header}>
         <Group justify="space-between" h="100%">
           <Group justify="start" h="100%" gap={10}>
             <LogoBadge />
-
+            {badge}
             <a href="/" className={classes.link}>
               Home
             </a>

diff --git a/clientv2/src/pages/recruiter/RecruiterHome.page.tsx b/clientv2/src/pages/recruiter/RecruiterHome.page.tsx
@@ -1,4 +1,4 @@
-import { Badge, Title } from '@mantine/core';
+import { Title } from '@mantine/core';
 import { useAuth } from '@/components/AuthContext';
 import { HeaderNavbar } from '@/components/Navbar';
 
@@ -12,9 +12,6 @@ export function RecruiterHomePage() {
         <Title>
           Hello {firstName} {lastName}!
         </Title>
-        <Badge color="blue" style={{ marginLeft: 10 }}>
-          Recruiter
-        </Badge>
       </div>
     </>
   );

diff --git a/clientv2/src/pages/student/StudentHome.page.tsx b/clientv2/src/pages/student/StudentHome.page.tsx
@@ -1,4 +1,4 @@
-import { Badge, Title } from '@mantine/core';
+import { Title } from '@mantine/core';
 import { useAuth } from '@/components/AuthContext';
 import { HeaderNavbar } from '@/components/Navbar';
 
@@ -12,9 +12,6 @@ export function StudentHomePage() {
         <Title>
           Hello {firstName} {lastName}!
         </Title>
-        <Badge color="#FF5F05" style={{ marginLeft: 10 }}>
-          Student
-        </Badge>
       </div>
     </>
   );