39 lines
No EOL
1.1 KiB
JavaScript
39 lines
No EOL
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>
|
|
</>}
|
|
</>
|
|
} |