NavigationMenuGuideList() — supabase Function Reference

Source Code

apps/docs/components/Navigation/NavigationMenu/NavigationMenuGuideList.tsx lines 12–81

const NavigationMenuGuideList = ({
  id,
  additionalNavItems,
}: {
  id: string
  additionalNavItems?: Record<string, Partial<NavMenuSection>[]>
}) => {
  const pathname = usePathname()
  const firstLevelRoute = pathname?.split('/')?.slice(0, 4)?.join('/')

  // eslint-disable-next-line import/namespace -- dynamic access, can't lint properly
  let menu = NavItems[id]

  if (id === MenuId.Integrations && additionalNavItems?.integrations) {
    const integrationsListIndex = menu.items.findIndex((item) => item.name === 'Integrations')
    if (integrationsListIndex !== -1) {
      menu = {
        ...menu,
        items: [
          ...menu.items.slice(0, integrationsListIndex),
          {
            ...menu.items[integrationsListIndex],
            items: [...menu.items[integrationsListIndex].items, ...additionalNavItems.integrations],
          },
          ...menu.items.slice(integrationsListIndex + 1),
        ],
      }
    }
  }

  // Inject federated prompts into the 'AI Tools > Prompts' section
  if (id === MenuId.GettingStarted && additionalNavItems?.prompts) {
    const aiToolsSectionIndex = menu.items.findIndex((item) => item.name === 'AI Tools')
    if (aiToolsSectionIndex !== -1) {
      const beforeAITools = menu.items.slice(0, aiToolsSectionIndex)
      const afterAITools = menu.items.slice(aiToolsSectionIndex + 1)

      const aiToolsSection = menu.items[aiToolsSectionIndex]
      const promptsSectionIndex = aiToolsSection.items.findIndex((item) => item.name === 'Prompts')

      if (promptsSectionIndex !== -1) {
        const beforePrompts = aiToolsSection.items.slice(0, promptsSectionIndex)
        const afterPrompts = aiToolsSection.items.slice(promptsSectionIndex + 1)

        const promptsSection = aiToolsSection.items[promptsSectionIndex]

        const modifiedPromptsSection = {
          ...promptsSection,
          items: additionalNavItems.prompts,
        }

        const modifiedAIToolsSection = {
          ...aiToolsSection,
          items: [...beforePrompts, modifiedPromptsSection, ...afterPrompts],
        }

        menu = {
          ...menu,
          items: [...beforeAITools, modifiedAIToolsSection, ...afterAITools],
        }
      }
    }
  }

  return (
    <NavigationMenuGuideListWrapper id={id} firstLevelRoute={firstLevelRoute}>
      <NavigationMenuGuideListItems menu={menu} id={id} />
    </NavigationMenuGuideListWrapper>
  )
}