supabase-community / auth-ui

Pre-built Auth UI for React
https://supabase.com/docs/guides/auth/auth-helpers/auth-ui
MIT License
487 stars 121 forks source link

Missing social login buttons in Auth component #52

Closed Lucasvo1 closed 1 year ago

Lucasvo1 commented 1 year ago

Bug report

Describe the bug

image image
 <Auth
   supabaseClient={supabase}
    appearance={{ theme: ThemeSupa, 
    variables: {
    default: {
         colors: {
             brand: 'red',
             brandAccent: 'darkred',
                    },
           },
   }}
  theme="default"
  />

I added the Azure login in the settings and the option does not appear on the login screen.

silentworks commented 1 year ago

I think you might have misunderstood how the library works. It won't show the social auth button based on your settings inside of the Supabase Dashboard. You will need to enable this in the component itself in your code. You can do this by passing the providers property to the Auth component.

<Auth
   supabaseClient={supabase}
   providers={['azure']}
   appearance={{ theme: ThemeSupa, 
   variables: {
     default: {
       colors: {
         brand: 'red',
         brandAccent: 'darkred',
       },
     },
   }}
   theme="default",
/>
Lucasvo1 commented 1 year ago

Perfect, thanks a lot!