NavTitle() — supabase Function Reference

Architecture documentation for the NavTitle() function in SecondLevelNav.Layout.tsx from the supabase codebase.

Function tsx ContentManagement AccessControl calls 1

Entity Profile

ContentManagement→ AccessControl→ NavTitle() — supabase Function Reference

Dependency Diagram

graph TD
  595ed426_3d92_2283_3b88_7b0c73a8506e["NavTitle()"]
  9e9b6e51_2d9a_d580_48e8_6d467e262f01["useIsAPIDocsSidePanelEnabled()"]
  595ed426_3d92_2283_3b88_7b0c73a8506e -->|calls| 9e9b6e51_2d9a_d580_48e8_6d467e262f01
  style 595ed426_3d92_2283_3b88_7b0c73a8506e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/studio/components/interfaces/ProjectAPIDocs/SecondLevelNav.Layout.tsx lines 92–108

const NavTitle = ({ title, category }: NavTitleProps) => {
  const isNewAPIDocsEnabled = useIsAPIDocsSidePanelEnabled()

  const snap = useAppStateSnapshot()
  const handleBack = () => {
    snap.setActiveDocsSection([category])
  }

  return (
    <div className="flex items-center space-x-2 mb-2">
      {isNewAPIDocsEnabled && (
        <Button type="text" icon={<ChevronLeft />} className="px-1" onClick={handleBack} />
      )}
      <p className="text-sm text-foreground-light capitalize">{title}</p>
    </div>
  )
}