Function Sidebar

client/src/components/Sidebar.jsx:22–624

()

function Sidebar() {
  const { isDark, theme, setTheme } = useTheme()
  const collapsed = useSelector(selectSidebarCollapsed);

  const [createTeamModal, setCreateTeamModal] = useState(false);
  const [creatingTeam, setCreatingTeam] = useState(false);
  const [teamName, setTeamName] = useState("");
  
  const user = useSelector((state) => state.user);
  const team = useSelector(selectTeam);
  const teams = useSelector(selectTeams);
  const teamInitials = team?.name?.split(" ").map((part) => part[0]).join("").slice(0, 2).toUpperCase() || "T";
  const userInitials = user?.data?.name?.split(" ").map((part) => part[0]).join("").slice(0, 2).toUpperCase() || "U";
  
  const navigate = useNavigate();
  const dispatch = useDispatch();

  const _canAccess = (role, teamRoles) => {
    return canAccess(role, user.data.id, teamRoles);
  };

  const _getActiveMenu = () => {
    return window.location.pathname.split("/")[1];
  };

  const pathMenu = _getActiveMenu();
  const isDashboardActive = pathMenu === "" || window.location.pathname.indexOf("dashboard") > -1;
  const isConnectionsActive = pathMenu === "connections";
  const isDatasetsActive = pathMenu === "datasets";
  const isIntegrationsActive = pathMenu === "integrations";
  const isSettingsActive = pathMenu === "settings";

  const _getTeamRole = (teamRoles) => {
    if (!teamRoles) return "";
    let role = teamRoles.filter((o) => o.user_id === user.data.id)[0];
    if (role.role === "teamOwner") {
      return {
        role: "Team Owner",
        color: "accent",
      };
    } else if (role.role === "teamAdmin") {
      return {
        role: "Team Admin",
        color: "success",
      };
    } else if (role.role === "projectAdmin") {
      return {
        role: "Project Admin",
        color: "warning",
      };
    } else if (role.role === "projectEditor") {
      return {
        role: "Project Editor",
        color: "default",
      };
    } else if (role.role === "projectViewer") {
      return {
        role: "Project Viewer",