getMenuIcon() — supabase Function Reference

Architecture documentation for the getMenuIcon() function in MenuIconPicker.tsx from the supabase codebase.

Function tsx DocumentationSystem ReferenceGen called by 1

Entity Profile

DocumentationSystem→ ReferenceGen→ getMenuIcon() — supabase Function Reference

Dependency Diagram

graph TD
  cebbba59_3c8d_c1dc_105f_4eaf457741c1["getMenuIcon()"]
  056fdf65_f9ea_6b3e_cf53_eebcfe0685f3["MenuIconPicker()"]
  056fdf65_f9ea_6b3e_cf53_eebcfe0685f3 -->|calls| cebbba59_3c8d_c1dc_105f_4eaf457741c1
  style cebbba59_3c8d_c1dc_105f_4eaf457741c1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/docs/components/Navigation/NavigationMenu/MenuIconPicker.tsx lines 37–114

function getMenuIcon(menuKey: string, width: number = 16, height: number = 16, className?: string) {
  switch (menuKey) {
    case 'home':
      return <IconMenuHome width={width} height={height} className={className} />
    case 'branching':
      return <IconBranching width={width} height={height} className={className} />
    case 'getting-started':
      return <IconMenuGettingStarted width={width} height={height} className={className} />
    case 'database':
      return <IconMenuDatabase width={width} height={height} className={className} />
    case 'rest':
      return <IconMenuRestApis width={width} height={height} className={className} />
    case 'graphql':
      return <IconMenuGraphQL width={width} height={height} className={className} />
    case 'auth':
      return <IconMenuAuth width={width} height={height} className={className} />
    case 'edge-functions':
      return <IconMenuEdgeFunctions width={width} height={height} className={className} />
    case 'realtime':
      return <IconMenuRealtime width={width} height={height} className={className} />
    case 'storage':
      return <IconMenuStorage width={width} height={height} className={className} />
    case 'ai':
      return <IconMenuAI width={width} height={height} className={className} />
    case 'platform':
      return <IconMenuPlatform width={width} height={height} className={className} />
    case 'resources':
      return <IconMenuResources width={width} height={height} className={className} />
    case 'self-hosting':
      return <IconMenuSelfHosting width={width} height={height} className={className} />
    case 'integrations':
      return <IconMenuIntegrations width={width} height={height} className={className} />
    case 'reference-javascript':
      return <IconMenuJavascript width={width} height={height} className={className} />
    case 'reference-dart':
      return <IconMenuFlutter width={width} height={height} className={className} />
    case 'reference-python':
      return <IconMenuPython width={width} height={height} className={className} />
    case 'reference-csharp':
      return <IconMenuCsharp width={width} height={height} className={className} />
    case 'reference-swift':
      return <IconMenuSwift width={width} height={height} className={className} />
    case 'reference-kotlin':
      return <IconMenuKotlin width={width} height={height} className={className} />
    case 'reference-api':
      return <IconMenuApi width={width} height={height} className={className} />
    case 'dev-cli':
      return <IconMenuDevCli width={width} height={height} className={className} />
    case 'reference-cli':
      return <IconMenuCli width={width} height={height} className={className} />
    case 'status':
      return <IconMenuStatus width={width} height={height} className={className} />
    case 'git-branch':
      return <IconGitBranch width={width} height={height} className={className} />
    case 'github':
      return <IconGitHub width={width} height={height} className={className} />
    case 'support':
      return <IconSupport width={width} height={height} className={className} />
    case 'security':
      return <IconSecurity width={width} height={height} className={className} />
    case 'telemetry':
      return <Telescope width={width} height={height} className={className} />
    case 'troubleshooting':
      return <IconTroubleshooting width={width} height={height} className={className} />
    case 'contributing':
      return <Heart width={width} height={height} className={className} />
    case 'deployment':
      return <Server width={width} height={height} className={className} />
    case 'cron':
      return <Clock width={width} height={height} className={className} />
    case 'queues':
      return <SquareStack width={width} height={height} className={className} />
    case 'ui':
      return <IconUI width={width} height={height} className={className} />
    default:
      return <IconMenuPlatform width={width} height={height} className={className} />
  }
}