Function renderChildren

frontend/src/react/components/ProjectSidebar.tsx:356–380

(children: SidebarItem[], parentIndex: number)

  // -- Render ----------------------------------------------------------------

  const renderChildren = (children: SidebarItem[], parentIndex: number) => {
    return (
      <div className="flex flex-col gap-y-1 mt-1">
        {children.map((child, j) => {
          const classes = getItemClass(child, currentRouteName);
          if (child.path) {
            return (
              <RouterLink
                key={`${parentIndex}-${j}`}
                to={{
                  name: child.path,
                  params: { projectId },
                }}
                className={`${childRouteClass} cursor-pointer no-underline text-inherit ${classes.join(" ")}`}
                onClick={() => recordItemVisit(child.path!)}
              >
                {child.title}
              </RouterLink>
            );
          }
          return null;
        })}
      </div>
    );
  };

  const renderItem = (item: SidebarItem, index: number) => {
    const key = `${index}`;