From bd55e4df278a5dd6eb18d88d69d3450c4726b9fa Mon Sep 17 00:00:00 2001 From: alvintran Date: Thu, 3 Jul 2025 11:41:53 -0700 Subject: [PATCH 1/3] userNavbar --- src/Components/Navbar/UserNavbar.js | 26 ++++++++++++++------------ 1 file changed, 14 insertions(+), 12 deletions(-) diff --git a/src/Components/Navbar/UserNavbar.js b/src/Components/Navbar/UserNavbar.js index 89af3baa8..0573d8656 100644 --- a/src/Components/Navbar/UserNavbar.js +++ b/src/Components/Navbar/UserNavbar.js @@ -1,10 +1,13 @@ import React from 'react'; import { membershipState } from '../../Enums'; +import { useUser } from '../context/UserContext'; -export default function UserNavBar(props) { +export default function UserNavbar(props) { + const { user } = useUser(); + console.log(user); let initials = ''; - if (props.user.firstName && props.user.lastName) { - initials = props.user.firstName[0] + props.user.lastName[0]; + if (user && user.firstName && user.lastName) { + initials = user.firstName[0] + user.lastName[0]; } const unauthedRoutes = [ { title: 'About', route: '/about' }, @@ -12,9 +15,9 @@ export default function UserNavBar(props) { { title: 'Spartan Compass', route: '/spartan-compass' } ]; - - const authedRoutes = [{ title: 'Printing', route: '/2DPrinting' }, - {title: 'Chat', route: '/messaging'}, + const authedRoutes = [ + { title: 'Printing', route: '/2DPrinting' }, + { title: 'Chat', route: '/messaging' }, ]; const authentication = [ @@ -24,7 +27,7 @@ export default function UserNavBar(props) { const getRoutesForNavbar = () => { let routesList = unauthedRoutes; - if (props.user.accessLevel >= membershipState.MEMBER) { + if (user && user.accessLevel >= membershipState.MEMBER) { routesList = authedRoutes; } return ( @@ -34,7 +37,7 @@ export default function UserNavBar(props) {
  • {link.title}
  • ); })} - {props.user.accessLevel >= membershipState.OFFICER && ( + {user && user.accessLevel >= membershipState.OFFICER && (
  • Admin @@ -74,7 +77,7 @@ export default function UserNavBar(props) {
    - {props.authenticated && props.user ? ( + {props.authenticated && user ? ( <>
    Services
    @@ -83,7 +86,6 @@ export default function UserNavBar(props) {
    -
    @@ -92,8 +94,8 @@ export default function UserNavBar(props) {
    -
    {props.user.firstName} {props.user.lastName}
    -
    {props.user.email}
    +
    {user.firstName} {user.lastName}
    +
    {user.email}
    • From b4c368d979b0af6a622c2509d9072298070a57e8 Mon Sep 17 00:00:00 2001 From: alvintran Date: Thu, 3 Jul 2025 11:44:46 -0700 Subject: [PATCH 2/3] adminNavbar --- src/Components/Navbar/AdminNavbar.js | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/Components/Navbar/AdminNavbar.js b/src/Components/Navbar/AdminNavbar.js index a1790597b..eb9494c5f 100644 --- a/src/Components/Navbar/AdminNavbar.js +++ b/src/Components/Navbar/AdminNavbar.js @@ -1,6 +1,8 @@ import React from 'react'; +import { useUser } from '../context/UserContext'; export default function UserNavBar(props) { + const { user } = useUser(); const getLinkClassName = (path) => { const weAreAtGivenPath = path === window.location.pathname; let className = 'flex items-center p-2 text-gray-900 rounded-lg dark:text-white'; @@ -30,7 +32,7 @@ export default function UserNavBar(props) { }, { title: 'Edit Profile', - route: `/user/edit/${props.user._id}`, + route: `/user/edit/${user._id}`, icon: ( @@ -125,7 +127,7 @@ export default function UserNavBar(props) {
      - Signed in as {props.user.email} + Signed in as {user.email}
        {renderRoutesForNavbar(topNavbarLinks)}
      From 4764eed78cc641d71b1c53f86a955762d8124f62 Mon Sep 17 00:00:00 2001 From: alvintran Date: Thu, 3 Jul 2025 11:56:06 -0700 Subject: [PATCH 3/3] remove logging --- src/Components/Navbar/UserNavbar.js | 1 - 1 file changed, 1 deletion(-) diff --git a/src/Components/Navbar/UserNavbar.js b/src/Components/Navbar/UserNavbar.js index 0573d8656..5d241b7b3 100644 --- a/src/Components/Navbar/UserNavbar.js +++ b/src/Components/Navbar/UserNavbar.js @@ -4,7 +4,6 @@ import { useUser } from '../context/UserContext'; export default function UserNavbar(props) { const { user } = useUser(); - console.log(user); let initials = ''; if (user && user.firstName && user.lastName) { initials = user.firstName[0] + user.lastName[0];