43 lines
1.0 KiB
TypeScript
43 lines
1.0 KiB
TypeScript
import { GetServerSidePropsContext } from "next";
|
|
import { getProviders, signIn, getSession, getCsrfToken } from "next-auth/react";
|
|
|
|
import { Button } from "@calcom/ui";
|
|
|
|
type Provider = {
|
|
name: string;
|
|
id: string;
|
|
};
|
|
|
|
function signin({ providers }: { providers: Provider[] }) {
|
|
return (
|
|
<div className="center mt-10 justify-between space-y-5 text-center align-baseline">
|
|
{Object.values(providers).map((provider) => {
|
|
return (
|
|
<div key={provider.name}>
|
|
<Button onClick={() => signIn(provider.id)}>Sign in with {provider.name}</Button>
|
|
</div>
|
|
);
|
|
})}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default signin;
|
|
|
|
export async function getServerSideProps(context: GetServerSidePropsContext) {
|
|
const session = await getSession(context);
|
|
const csrfToken = await getCsrfToken(context);
|
|
const providers = await getProviders();
|
|
if (session) {
|
|
return {
|
|
redirect: { destination: "/" },
|
|
};
|
|
}
|
|
return {
|
|
props: {
|
|
csrfToken,
|
|
providers,
|
|
},
|
|
};
|
|
}
|