RolesFilterDropdown() — supabase Function Reference

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

Function tsx ContentManagement Migrations calls 1

Entity Profile

ContentManagement→ Migrations→ RolesFilterDropdown() — supabase Function Reference

Dependency Diagram

graph TD
  58ac8490_c53d_200a_edfa_a3def67ee94c["RolesFilterDropdown()"]
  c566be23_345f_27bd_3757_6fb594d79fc3["useRolesFilter()"]
  58ac8490_c53d_200a_edfa_a3def67ee94c -->|calls| c566be23_345f_27bd_3757_6fb594d79fc3
  style 58ac8490_c53d_200a_edfa_a3def67ee94c fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/studio/components/interfaces/QueryPerformance/components/RolesFilterDropdown.tsx lines 11–35

export const RolesFilterDropdown = ({
  activeOptions,
  onSaveFilters,
  className,
}: RolesFilterDropdownProps) => {
  const { roles, roleGroups, isLoadingRoles } = useRolesFilter()

  const renderLabel = (option: RoleWithDescription, value: string) => (
    <RoleTooltip htmlFor={value} label={option.displayName} description={option.description} />
  )

  return (
    <FilterPopover
      name="Roles"
      options={roles}
      labelKey="displayName"
      valueKey="name"
      activeOptions={isLoadingRoles ? [] : activeOptions}
      onSaveFilters={onSaveFilters}
      className={className || 'w-60'}
      groups={roleGroups}
      renderLabel={renderLabel}
    />
  )
}