2021-03-25 19:29:24 +00:00
|
|
|
import { signOut, signIn, useSession } from 'next-auth/client'
|
2021-04-12 18:05:09 +00:00
|
|
|
import Navbar from 'react-bootstrap/Navbar'
|
|
|
|
import Nav from 'react-bootstrap/Nav'
|
|
|
|
import Link from 'next/link'
|
|
|
|
import styles from './header.module.css'
|
|
|
|
import { useRouter } from 'next/router'
|
2021-04-14 00:57:32 +00:00
|
|
|
import { Container } from 'react-bootstrap'
|
2021-03-25 19:29:24 +00:00
|
|
|
|
|
|
|
export default function Header () {
|
|
|
|
const [session, loading] = useSession()
|
2021-04-12 18:05:09 +00:00
|
|
|
const router = useRouter()
|
2021-03-25 19:29:24 +00:00
|
|
|
|
2021-04-12 18:05:09 +00:00
|
|
|
const Corner = () => {
|
|
|
|
if (loading) {
|
|
|
|
return null
|
|
|
|
}
|
2021-03-25 19:29:24 +00:00
|
|
|
|
2021-04-12 18:05:09 +00:00
|
|
|
if (session) {
|
|
|
|
return (
|
|
|
|
<>
|
2021-04-22 22:14:32 +00:00
|
|
|
<Nav.Item>
|
|
|
|
<Link href={'/' + session.user.name} passHref>
|
2021-04-28 16:30:02 +00:00
|
|
|
<Nav.Link className={styles.navLink}>@{session.user.name}</Nav.Link>
|
2021-04-22 22:14:32 +00:00
|
|
|
</Link>
|
|
|
|
</Nav.Item>
|
2021-04-28 16:30:02 +00:00
|
|
|
{/* <Nav.Item>
|
|
|
|
<Nav.Link onClick={signOut} className={styles.navLink}>logout</Nav.Link>
|
|
|
|
</Nav.Item> */}
|
2021-04-12 18:05:09 +00:00
|
|
|
</>
|
|
|
|
)
|
|
|
|
} else {
|
2021-04-24 21:05:07 +00:00
|
|
|
return <Nav.Link href='/login' onClick={signIn}>login</Nav.Link>
|
2021-04-12 18:05:09 +00:00
|
|
|
}
|
2021-03-25 19:29:24 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
return (
|
2021-04-12 18:05:09 +00:00
|
|
|
<>
|
2021-04-28 16:30:02 +00:00
|
|
|
<Container className='px-sm-0'>
|
|
|
|
<Navbar className={styles.navbar}>
|
|
|
|
<Nav className='w-100 justify-content-sm-between justify-content-start flex-wrap align-items-center' activeKey={router.asPath.split('?')[0]}>
|
|
|
|
<Link href='/' passHref>
|
|
|
|
<Navbar.Brand className={`${styles.brand} mr-2 mr-sm-0`}>STACKER NEWS</Navbar.Brand>
|
|
|
|
</Link>
|
2021-04-14 00:57:32 +00:00
|
|
|
<Nav.Item>
|
|
|
|
<Link href='/recent' passHref>
|
2021-04-28 16:30:02 +00:00
|
|
|
<Nav.Link className={styles.navLink}>recent</Nav.Link>
|
2021-04-14 00:57:32 +00:00
|
|
|
</Link>
|
|
|
|
</Nav.Item>
|
|
|
|
<Nav.Item>
|
|
|
|
<Link href='/post' passHref>
|
2021-04-28 16:30:02 +00:00
|
|
|
<Nav.Link className={styles.navLink}>post</Nav.Link>
|
2021-04-14 00:57:32 +00:00
|
|
|
</Link>
|
|
|
|
</Nav.Item>
|
2021-04-26 21:55:15 +00:00
|
|
|
<Nav.Item>
|
2021-04-28 16:30:02 +00:00
|
|
|
<Nav.Link href='https://bitcoinerjobs.co' target='_blank' className={styles.navLink}>jobs</Nav.Link>
|
2021-04-26 21:55:15 +00:00
|
|
|
</Nav.Item>
|
2021-04-14 00:57:32 +00:00
|
|
|
<Corner />
|
|
|
|
</Nav>
|
2021-04-28 16:30:02 +00:00
|
|
|
</Navbar>
|
|
|
|
</Container>
|
2021-04-12 18:05:09 +00:00
|
|
|
</>
|
2021-03-25 19:29:24 +00:00
|
|
|
)
|
|
|
|
}
|