export default function SideBar()

in frontend/src/components/SideBar.js [74:101]

• 23 lines of code
• 9 McCabe index (conditional complexity)

export default function SideBar(props) {
  let identity = useState(['identity']);
  let groups = useState(['identity', 'cognito:groups']);
  const drawerOpen = useState(['app', 'sidebar', 'drawerOpen']);

  const isGuest = () => {
    return identity && (!groups || ((!groups.includes("admin")) && (!groups.includes("user"))));
  }

  const isUser = () => {
    return groups && ((groups.includes("admin")) || (groups.includes("user")));
  }
  let defaultPage = isGuest() ? "home" : "clusters";
  const section = useState(['app', 'section']) || defaultPage;

  useNotifier();
  const setSection = (section) => {
    setState(['app', 'section'], section)
  }

  React.useEffect(() => {
    if(drawerOpen === undefined)
      setState(['app', 'sidebar', 'drawerOpen'], true);
  }, [drawerOpen]);

  return (
    <div className="sidebar">
      <div className={section === "home" ? "selected" : ""} key="Home" onClick={() => setSection('home')}>