import { useState } from 'react'
import { isSupabaseConfigured, supabase } from '../lib/supabase'
function GoogleIcon() {
return (
)
}
function MicrosoftIcon() {
return (
)
}
function OAuthButtons({ onError }) {
const [loadingProvider, setLoadingProvider] = useState(null)
const handleOAuthSignIn = async (provider) => {
if (!isSupabaseConfigured) {
onError?.(
'Supabase no está configurado todavía. Completa frontend/.env con tu URL y anon key.',
)
return
}
onError?.(null)
setLoadingProvider(provider)
const { error } = await supabase.auth.signInWithOAuth({
provider,
options: {
redirectTo: `${window.location.origin}/dashboard`,
// Azure AD solo incluye el claim "email" en el id_token si se solicita
// explícitamente; con el scope por defecto (openid) Supabase no puede
// leer el correo del usuario y el login falla.
...(provider === 'azure' ? { scopes: 'openid email profile' } : {}),
},
})
if (error) {
onError?.(error.message)
setLoadingProvider(null)
}
}
const disabled = loadingProvider !== null
return (
)
}
export default OAuthButtons