Sidebar() — supabase Function Reference

Architecture documentation for the Sidebar() function in sidebar.tsx from the supabase codebase.

Function tsx ContentManagement Collections calls 1

Entity Profile

ContentManagement→ Collections→ Sidebar() — supabase Function Reference

Dependency Diagram

graph TD
  e3b6625d_ab45_5da8_b98b_f308b8dcbe9c["Sidebar()"]
  c3042c55_4cbc_2562_70d4_b640b483b9c8["getInternalContentPaths()"]
  e3b6625d_ab45_5da8_b98b_f308b8dcbe9c -->|calls| c3042c55_4cbc_2562_70d4_b640b483b9c8
  style e3b6625d_ab45_5da8_b98b_f308b8dcbe9c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/learn/components/sidebar.tsx lines 9–36

export function Sidebar() {
  // Get internal content paths on server side
  const internalPaths = Array.from(getInternalContentPaths())

  return (
    <>
      <div className="md:hidden fixed top-0 left-0 right-0 z-50 bg-background justify-between flex items-center px-8 py-3 border-b">
        <MobileMenuSheet>
          <SheetTrigger asChild>
            <Button type="outline" icon={<Menu />} />
          </SheetTrigger>
          <SheetContent side="left" className="p-0 w-80" showClose={false}>
            <ScrollArea className="h-full">
              <SideNavigation internalPaths={internalPaths} />
            </ScrollArea>
          </SheetContent>
        </MobileMenuSheet>
        <ThemeSwitcherDropdown />
      </div>

      <aside className="fixed z-30 top-0 hidden h-screen w-full shrink-0 md:sticky md:block bg-200 border-r border-muted/50">
        <ScrollArea className="h-full">
          <SideNavigation internalPaths={internalPaths} />
        </ScrollArea>
      </aside>
    </>
  )
}