Content() — supabase Function Reference

Source Code

apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideListItems.tsx lines 183–227

const Content = (props) => {
  const { menu, id } = props

  if (menu.enabled === false) {
    return null
  }

  return (
    <ul className={['relative w-full flex flex-col gap-0 pb-5'].join(' ')}>
      <Link href={menu.url ?? ''}>
        <div className="flex items-center gap-3 my-3 text-brand-link">
          <MenuIconPicker icon={menu.icon} />
          <HeaderLink title={menu.title} url={menu.url} id={id} />
        </div>
      </Link>

      {menu.items
        .filter((item) => item.enabled !== false)
        .map((x) => {
          return (
            <div key={x.name}>
              {x.items && x.items.length > 0 ? (
                <div className="flex flex-col gap-2.5">
                  {x.items
                    .filter((item) => item.enabled !== false)
                    .map((subItem, subItemIndex) => {
                      return (
                        <ContentAccordionLink
                          key={subItem.name}
                          subItem={subItem}
                          subItemIndex={subItemIndex}
                          parent={x}
                        />
                      )
                    })}
                </div>
              ) : x.url ? (
                <ContentLink url={x.url} icon={x.icon} name={x.name} key={x.name} />
              ) : null}
            </div>
          )
        })}
    </ul>
  )
}