LocalDropdown() — supabase Function Reference

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

Function tsx ContentManagement AccessControl calls 1

Entity Profile

ContentManagement→ AccessControl→ LocalDropdown() — supabase Function Reference

Dependency Diagram

graph TD
  f781622e_674f_c675_e035_d6d1f2705359["LocalDropdown()"]
  e38f9fbe_5092_544f_fa41_97a6e70dc301["useFeaturePreviewModal()"]
  f781622e_674f_c675_e035_d6d1f2705359 -->|calls| e38f9fbe_5092_544f_fa41_97a6e70dc301
  style f781622e_674f_c675_e035_d6d1f2705359 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/studio/components/interfaces/LocalDropdown.tsx lines 22–69

export const LocalDropdown = () => {
  const { theme, setTheme } = useTheme()
  const setCommandMenuOpen = useSetCommandMenuOpen()
  const { openFeaturePreviewModal } = useFeaturePreviewModal()

  return (
    <DropdownMenu>
      <DropdownMenuTrigger className="border flex-shrink-0 px-3" asChild>
        <Button
          type="default"
          className="[&>span]:flex px-0 py-0 rounded-full overflow-hidden h-8 w-8"
        >
          <ProfileImage className="w-8 h-8 rounded-md" />
        </Button>
      </DropdownMenuTrigger>
      <DropdownMenuContent side="bottom" align="end" className="w-44">
        <DropdownMenuItem
          className="flex gap-2"
          onClick={openFeaturePreviewModal}
          onSelect={openFeaturePreviewModal}
        >
          <FlaskConical size={14} strokeWidth={1.5} className="text-foreground-lighter" />
          Feature previews
        </DropdownMenuItem>
        <DropdownMenuItem className="flex gap-2" onClick={() => setCommandMenuOpen(true)}>
          <Command size={14} strokeWidth={1.5} className="text-foreground-lighter" />
          Command menu
        </DropdownMenuItem>
        <DropdownMenuSeparator />
        <DropdownMenuGroup>
          <DropdownMenuLabel>Theme</DropdownMenuLabel>
          <DropdownMenuRadioGroup
            value={theme}
            onValueChange={(value) => {
              setTheme(value)
            }}
          >
            {singleThemes.map((theme: Theme) => (
              <DropdownMenuRadioItem key={theme.value} value={theme.value}>
                {theme.name}
              </DropdownMenuRadioItem>
            ))}
          </DropdownMenuRadioGroup>
        </DropdownMenuGroup>
      </DropdownMenuContent>
    </DropdownMenu>
  )
}