Home / Function/ Subsections() — supabase Function Reference

Subsections() — supabase Function Reference

Architecture documentation for the Subsections() function in FirstLevelNav.tsx from the supabase codebase.

Function tsx ContentManagement Migrations calls 2

Entity Profile

Dependency Diagram

graph TD
  e34434dd_5a66_f4ca_c169_e47b853a1339["Subsections()"]
  7a4842d2_d3ba_b784_c6d1_ad9926ea9ee6["getSectionSnippets()"]
  e34434dd_5a66_f4ca_c169_e47b853a1339 -->|calls| 7a4842d2_d3ba_b784_c6d1_ad9926ea9ee6
  7aabb8aa_409e_60c6_f749_645b94524b5f["navigateToSection()"]
  e34434dd_5a66_f4ca_c169_e47b853a1339 -->|calls| 7aabb8aa_409e_60c6_f749_645b94524b5f
  style e34434dd_5a66_f4ca_c169_e47b853a1339 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/studio/components/interfaces/ProjectAPIDocs/FirstLevelNav.tsx lines 162–184

const Subsections = ({ category }: SubsectionsProps): ReactNode => {
  const snippets = getSectionSnippets(category)

  return (
    <div className="space-y-2 py-2">
      {snippets.map((snippet) => (
        <button
          key={snippet.key}
          className={MENU_BUTTON_CLASSES}
          onClick={() => {
            navigateToSection(snippet.key)
          }}
        >
          {snippet.title}
        </button>
      ))}
      {category === API_DOCS_CATEGORIES.ENTITIES && <TablesSubsections />}
      {category === API_DOCS_CATEGORIES.STORED_PROCEDURES && <DbFunctionsSubsections />}
      {category === API_DOCS_CATEGORIES.STORAGE && <StorageSubsections />}
      {category === API_DOCS_CATEGORIES.EDGE_FUNCTIONS && <EdgeFunctionsSubsections />}
    </div>
  )
}

Domain

Subdomains

Calls

Source

Frequently Asked Questions

What does Subsections() do?
Subsections() is a function in the supabase codebase.
What does Subsections() call?
Subsections() calls 2 function(s): getSectionSnippets, navigateToSection.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free