47 lines
1.1 KiB
JavaScript
47 lines
1.1 KiB
JavaScript
import { signIn, signOut, useSession } from "next-auth/client";
|
|
import { Button } from "@chakra-ui/react";
|
|
|
|
export default function Page() {
|
|
const [session, loading] = useSession();
|
|
|
|
return (
|
|
<>
|
|
{!session && (
|
|
<>
|
|
<Button
|
|
display={{ base: "none", md: "inline-flex" }}
|
|
fontSize={"sm"}
|
|
fontWeight={600}
|
|
color={"white"}
|
|
bg={"teal.400"}
|
|
href={"#"}
|
|
_hover={{
|
|
bg: "teal.300",
|
|
}}
|
|
onClick={() => signIn()}
|
|
>
|
|
Sign In
|
|
</Button>
|
|
</>
|
|
)}
|
|
{session && (
|
|
<>
|
|
<Button
|
|
display={{ base: "none", md: "inline-flex" }}
|
|
fontSize={"sm"}
|
|
fontWeight={600}
|
|
color={"white"}
|
|
bg={"teal.400"}
|
|
href={"#"}
|
|
_hover={{
|
|
bg: "teal.300",
|
|
}}
|
|
onClick={() => signOut()}
|
|
>
|
|
Sign Out
|
|
</Button>
|
|
</>
|
|
)}
|
|
</>
|
|
);
|
|
}
|