benjaminramey/forgetmenot-nextjs
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Auth0 working!

Browse Source
This commit is contained in:
Benjamin Ramey
2022-05-11 09:23:32 -05:00
parent 002c6a2f3d
commit 4c37658cd8
14 changed files with 782 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

81
web/components/header.js Normal file
View File

@@ -0,0 +1,81 @@
import Link from "next/link";
function Header({ user, loading }) {
return (
<header>
<nav>
<ul>
<li>
<Link href="/">
<a>Home</a>
</Link>
</li>
<li>
<Link href="/about">
<a>About</a>
</Link>
</li>
{!loading &&
(user ? (
<>
<li>
<Link href="/profile">
<a>Client-rendered profile</a>
</Link>
</li>
<li>
<Link href="/advanced/ssr-profile">
<a>Server rendered profile (advanced)</a>
</Link>
</li>
<li>
<a href="/api/logout">Logout</a>
</li>
</>
) : (
<li>
<a href="/api/login">Login</a>
</li>
))}
</ul>
</nav>
<style jsx>{`
header {
padding: 0.2rem;
color: #fff;
background-color: #333;
}
nav {
max-width: 42rem;
margin: 1.5rem auto;
}
ul {
display: flex;
list-style: none;
margin-left: 0;
padding-left: 0;
}
li {
margin-right: 1rem;
}
li:nth-child(2) {
margin-right: auto;
}
a {
color: #fff;
text-decoration: none;
}
button {
font-size: 1rem;
color: #fff;
cursor: pointer;
border: none;
background: none;
}
`}</style>
</header>
);
}
export default Header;