'use client';
import { useState } from 'react';
import { createClient } from '@/lib/supabase/client';
import { Button } from '@/components/ui/button';
import { Loader2 } from 'lucide-react';
function GitHubIcon({ className }: { className?: string }) {
return (
);
}
function GoogleIcon({ className }: { className?: string }) {
return (
);
}
type Provider = 'github' | 'google';
export function OAuthButtons() {
const [loadingProvider, setLoadingProvider] = useState(null);
async function handleOAuth(provider: Provider) {
setLoadingProvider(provider);
const supabase = createClient();
const { error } = await supabase.auth.signInWithOAuth({
provider,
options: {
redirectTo: `${window.location.origin}/auth/callback`,
},
});
if (error) {
setLoadingProvider(null);
}
}
return (
);
}