export function Navbar()

in projects/inclusive_ai_a_chatgpt_plugin_and_dao_to_engage_marginalized_groups_in_ai/Inclusive.AI app/website/src/components/Navbar/Navbar.tsx [63:117]

• 51 lines of code
• 7 McCabe index (conditional complexity)

export function Navbar(props: { isHidden: boolean }) {
  const { pathname } = useRouter()
  const web3Auth = useWeb3Auth()

  return (
    <Box width="100%" display={props.isHidden ? 'none' : 'flex'}>
      <Stack
        direction="row"
        justifyContent="center"
        width="100%"
        spacing={1}
        p={0.8}
        bgcolor="rgb(247, 249, 252)"
        borderRadius={3}
      >
        <NavbarLinkTab
          href="/"
          label="💬&nbsp;&nbsp;Chat with AI"
          isActive={pathname === '/'}
          aria-label="Chat with AI"
        />
        <NavbarLinkTab
          href="/discuss"
          label="👥&nbsp;&nbsp;Discuss"
          isActive={pathname === '/discuss'}
          aria-label="Discuss with other users"
        />
        <NavbarLinkTab
          href="/vote"
          label="⚡&nbsp;&nbsp;Vote"
          isActive={pathname === '/vote'}
          aria-label="Vote on proposal"
        />
        {web3Auth &&
          web3Auth.isReady &&
          web3Auth.isAuthenticated &&
          web3Auth.user &&
          (web3Auth.user.email === 'jwp6@illinois.edu' ||
            web3Auth.user.email === 'tsharma6@illinois.edu') && (
            <NavbarLinkTab
              href="/controlpanel"
              label="🔧&nbsp;&nbsp;Control Panel"
              isActive={pathname === '/controlpanel'}
              aria-label="Control Panel"
            />
          )}
        {/* <NavbarLinkTab
          href="/profile"
          label="Profile"
          isActive={pathname === '/profile'}
        /> */}
      </Stack>
    </Box>
  )
}