Use Boolean in NavBar to prevent rending 0s

UniversityOfHelsinkiCS · Oct 9, 2024 · 6a17708 · 6a17708
1 parent fbbe092
commit 6a17708
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/src/client/components/NavBar/NavBar.tsx b/src/client/components/NavBar/NavBar.tsx
@@ -112,7 +112,7 @@ const NavBar = () => {
               component="nav"
               sx={{ flexGrow: 1, display: { xs: 'none', sm: 'flex' } }}
             >
-              {(user.isAdmin || user.managedProgramIds?.length) && (
+              {Boolean(user.isAdmin || user.managedProgramIds?.length) && (
                 <Button
                   component={NavLink}
                   to="/program-managements"
@@ -121,7 +121,7 @@ const NavBar = () => {
                   {t('navbar:programManager')}
                 </Button>
               )}
-              {(user.isAdmin || user.managedDepartmentIds?.length) && (
+              {Boolean(user.isAdmin || user.managedDepartmentIds?.length) && (
                 <Button
                   component={NavLink}
                   to="/department-admins"
@@ -130,7 +130,7 @@ const NavBar = () => {
                   {t('navbar:departmentAdmin')}
                 </Button>
               )}
-              {user.managedDepartmentIds?.length && (
+              {Boolean(user.managedDepartmentIds?.length) && (
                 <Button
                   component={NavLink}
                   to="/department-statistics"