StatusList() — supabase Function Reference

Source Code

apps/design-system/registry/default/example/combobox-responsive.tsx lines 92–121

function StatusList({
  setOpen,
  setSelectedStatus,
}: {
  setOpen: (open: boolean) => void
  setSelectedStatus: (status: Status | null) => void
}) {
  return (
    <Command_Shadcn_>
      <CommandInput_Shadcn_ placeholder="Filter status..." />
      <CommandList_Shadcn_>
        <CommandEmpty_Shadcn_>No results found.</CommandEmpty_Shadcn_>
        <CommandGroup_Shadcn_>
          {statuses.map((status) => (
            <CommandItem_Shadcn_
              key={status.value}
              value={status.value}
              onSelect={(value) => {
                setSelectedStatus(statuses.find((priority) => priority.value === value) || null)
                setOpen(false)
              }}
            >
              {status.label}
            </CommandItem_Shadcn_>
          ))}
        </CommandGroup_Shadcn_>
      </CommandList_Shadcn_>
    </Command_Shadcn_>
  )
}