AddIntegrationDropdown() — supabase Function Reference

Source Code

apps/studio/components/interfaces/Auth/ThirdPartyAuthForm/AddIntegrationDropdown.tsx lines 50–78

export const AddIntegrationDropdown = ({
  type = 'primary',
  align = 'end',
  onSelectIntegrationType,
}: AddIntegrationDropdownProps) => {
  const isWorkOSEnabled = useFlag('isWorkOSTPAEnabled')

  return (
    <DropdownMenu>
      <DropdownMenuTrigger asChild>
        <Button type={type} iconRight={<ChevronDown />}>
          Add provider
        </Button>
      </DropdownMenuTrigger>
      <DropdownMenuContent align={align} className="w-56">
        <DropdownMenuLabel>Select provider</DropdownMenuLabel>
        <DropdownMenuSeparator />

        <ProviderDropdownItem type="firebase" onSelectIntegrationType={onSelectIntegrationType} />
        <ProviderDropdownItem type="clerk" onSelectIntegrationType={onSelectIntegrationType} />
        {isWorkOSEnabled && (
          <ProviderDropdownItem type="workos" onSelectIntegrationType={onSelectIntegrationType} />
        )}
        <ProviderDropdownItem type="auth0" onSelectIntegrationType={onSelectIntegrationType} />
        <ProviderDropdownItem type="awsCognito" onSelectIntegrationType={onSelectIntegrationType} />
      </DropdownMenuContent>
    </DropdownMenu>
  )
}