h3n3/cadhub
1
0
Fork 0
Code Issues 35 Pull Requests Packages Projects Releases Wiki Activity

Add log in and log out button

Browse Source
This commit is contained in:
Kurt Hutten
2020-10-13 19:40:55 +11:00
parent 5379516128
commit 398ddc16eb
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
web/src/layouts/MainLayout/MainLayout.js
View File

@@ -1,6 +1,8 @@
import { Link, routes } from '@redwoodjs/router' import { Link, routes } from '@redwoodjs/router'
import { useAuth } from '@redwoodjs/auth'
const MainLayout = ({ children }) => { const MainLayout = ({ children }) => {
const { logIn, logOut, isAuthenticated } = useAuth()
return ( return (
<> <>
<header> <header>
@@ -18,6 +20,11 @@ const MainLayout = ({ children }) => {
<li> <li>
<Link to={routes.contact()}>Contact</Link> <Link to={routes.contact()}>Contact</Link>
</li> </li>
<li>
<a href="#" onClick={isAuthenticated ? logOut : logIn}>
{isAuthenticated ? 'Log Out' : 'Log In'}
</a>
</li>
</ul> </ul>
</nav> </nav>
</header> </header>