From b538eb506538eed78aad8343d32a5bcad2f726e0 Mon Sep 17 00:00:00 2001
From: qt-coder <chuchenkhang@gmail.com>
Date: Tue, 29 Jun 2021 11:34:23 +0800
Subject: [PATCH] Fixed #11

---
 components/Nav/Header.js | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/components/Nav/Header.js b/components/Nav/Header.js
index 7992361..f30f339 100644
--- a/components/Nav/Header.js
+++ b/components/Nav/Header.js
@@ -22,9 +22,11 @@ import {
   ChevronRightIcon,
 } from '@chakra-ui/icons';
 import AuthButton from '../AuthButton'
+import { signIn, signOut, useSession } from 'next-auth/client';
 
 export default function WithSubnavigation() {
   const { isOpen, onToggle } = useDisclosure();
+  const [session, loading] = useSession()
 
   return (
     <Box>
@@ -69,14 +71,13 @@ export default function WithSubnavigation() {
           justify={'flex-end'}
           direction={'row'}
           spacing={6}>
-          <AuthButton/>
           <Button
             as={'a'}
             fontSize={'sm'}
             fontWeight={400}
             variant={'link'}
-            href={'https://github.com/night0721/cath.gq'}>
-            Github
+            onClick={session ? ()=>{signOut()} : ()=>{signIn()}}>
+            {session ? 'Sign Out' : 'Sign In'}
           </Button>
         </Stack>
       </Flex>