Home / Function/ ProviderDropdownItem() — supabase Function Reference

ProviderDropdownItem() — supabase Function Reference

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

Entity Profile

Dependency Diagram

graph TD
  21de7ffb_92e0_78d2_1381_4f4347722738["ProviderDropdownItem()"]
  a965cb05_8eb4_bb56_842a_7388ca131a50["getIntegrationTypeIcon()"]
  21de7ffb_92e0_78d2_1381_4f4347722738 -->|calls| a965cb05_8eb4_bb56_842a_7388ca131a50
  961184dc_9929_f906_f6a2_6e1432c44d7c["getIntegrationTypeLabel()"]
  21de7ffb_92e0_78d2_1381_4f4347722738 -->|calls| 961184dc_9929_f906_f6a2_6e1432c44d7c
  style 21de7ffb_92e0_78d2_1381_4f4347722738 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/AddIntegrationDropdown.tsx lines 28–48

const ProviderDropdownItem = ({
  disabled,
  type,
  onSelectIntegrationType,
}: {
  disabled?: boolean
  type: INTEGRATION_TYPES
  onSelectIntegrationType: (type: INTEGRATION_TYPES) => void
}) => {
  return (
    <DropdownMenuItem
      key={type}
      onClick={() => onSelectIntegrationType(type)}
      className={cn('flex items-center gap-x-2 p-2', disabled && 'cursor-not-allowed')}
      disabled={disabled}
    >
      <Image src={getIntegrationTypeIcon(type)} width={16} height={16} alt={`${type} icon`} />
      <span>{getIntegrationTypeLabel(type)}</span>
    </DropdownMenuItem>
  )
}

Subdomains

Frequently Asked Questions

What does ProviderDropdownItem() do?
ProviderDropdownItem() is a function in the supabase codebase.
What does ProviderDropdownItem() call?
ProviderDropdownItem() calls 2 function(s): getIntegrationTypeIcon, getIntegrationTypeLabel.

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free