24 lines
998 B
TypeScript
24 lines
998 B
TypeScript
"use client";
|
|
|
|
import { signIn } from "next-auth/react"
|
|
import Image from "next/image";
|
|
|
|
const providerLogo = (provider: {id:string, name:string}) => {
|
|
switch(provider.id) {
|
|
case "google": return "https://authjs.dev/img/providers/google.svg";
|
|
case "facebook": return "https://authjs.dev/img/providers/facebook.svg";
|
|
case "github": return "https://authjs.dev/img/providers/github.svg";
|
|
case "twitter": return "https://authjs.dev/img/providers/twitter.svg";
|
|
case "email": return "https://authjs.dev/img/providers/email.svg";
|
|
default: return "https://authjs.dev/img/providers/google.svg";
|
|
}
|
|
}
|
|
|
|
export const SignInButton:React.FC<{ provider: {id:string, name:string} }> = ({ provider }) =>
|
|
<button className="btn btn-neutral" onClick={() => signIn(provider.id)}>
|
|
<Image alt="Provider Logo" loading="lazy" height="24" width="24" id="provider-logo-dark" src={providerLogo(provider)} />
|
|
<span>Sign in with {provider.name}</span>
|
|
</button>
|
|
|
|
|