EdgeFunctionsSortDropdown() — supabase Function Reference

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

Function tsx ContentManagement AccessControl calls 1

Entity Profile

ContentManagement→ AccessControl→ EdgeFunctionsSortDropdown() — supabase Function Reference

Dependency Diagram

graph TD
  2aa79800_3921_7018_db5c_a2fbb61d8f4e["EdgeFunctionsSortDropdown()"]
  67bc9a0a_b6e5_dc96_ea6c_8219337cccb2["getSortLabel()"]
  2aa79800_3921_7018_db5c_a2fbb61d8f4e -->|calls| 67bc9a0a_b6e5_dc96_ea6c_8219337cccb2
  style 2aa79800_3921_7018_db5c_a2fbb61d8f4e fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/studio/components/interfaces/EdgeFunctions/EdgeFunctionsSortDropdown.tsx lines 41–88

export const EdgeFunctionsSortDropdown = ({ value, onChange }: EdgeFunctionsSortDropdownProps) => {
  return (
    <DropdownMenu>
      <DropdownMenuTrigger asChild>
        <Button
          type="default"
          icon={
            value.includes('desc') ? (
              <ArrowDownWideNarrow size={14} />
            ) : (
              <ArrowDownNarrowWide size={14} />
            )
          }
        >
          Sorted by {getSortLabel(value)}
        </Button>
      </DropdownMenuTrigger>
      <DropdownMenuContent align="start" className="w-48">
        <DropdownMenuRadioGroup
          value={value}
          onValueChange={(val) => onChange(val as EdgeFunctionsSort)}
        >
          <DropdownMenuSub>
            <DropdownMenuSubTrigger>Sort by name</DropdownMenuSubTrigger>
            <DropdownMenuSubContent>
              <DropdownMenuRadioItem value="name:asc">Ascending</DropdownMenuRadioItem>
              <DropdownMenuRadioItem value="name:desc">Descending</DropdownMenuRadioItem>
            </DropdownMenuSubContent>
          </DropdownMenuSub>
          <DropdownMenuSub>
            <DropdownMenuSubTrigger>Sort by created at</DropdownMenuSubTrigger>
            <DropdownMenuSubContent>
              <DropdownMenuRadioItem value="created_at:asc">Ascending</DropdownMenuRadioItem>
              <DropdownMenuRadioItem value="created_at:desc">Descending</DropdownMenuRadioItem>
            </DropdownMenuSubContent>
          </DropdownMenuSub>
          <DropdownMenuSub>
            <DropdownMenuSubTrigger>Sort by updated at</DropdownMenuSubTrigger>
            <DropdownMenuSubContent>
              <DropdownMenuRadioItem value="updated_at:asc">Ascending</DropdownMenuRadioItem>
              <DropdownMenuRadioItem value="updated_at:desc">Descending</DropdownMenuRadioItem>
            </DropdownMenuSubContent>
          </DropdownMenuSub>
        </DropdownMenuRadioGroup>
      </DropdownMenuContent>
    </DropdownMenu>
  )
}