mirror of
https://github.com/apricote/Listory.git
synced 2026-01-13 21:21:02 +00:00
feat(frontend): setup
This commit is contained in:
parent
db62d5d908
commit
f14eda16ac
33 changed files with 15076 additions and 22 deletions
27
frontend/src/components/NavBar.js
Normal file
27
frontend/src/components/NavBar.js
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
import React from "react";
|
||||
import { useAuth0 } from "../react-auth0-spa";
|
||||
import { Link } from "react-router-dom";
|
||||
|
||||
const NavBar = () => {
|
||||
const { isAuthenticated, loginWithRedirect, logout } = useAuth0();
|
||||
|
||||
return (
|
||||
<div>
|
||||
{!isAuthenticated && (
|
||||
<button onClick={() => loginWithRedirect({})}>Log in</button>
|
||||
)}
|
||||
|
||||
{isAuthenticated && <button onClick={() => logout()}>Log out</button>}
|
||||
|
||||
{isAuthenticated && (
|
||||
<span>
|
||||
<Link to="/">Home</Link>
|
||||
<Link to="/profile">Profile</Link>
|
||||
<Link to="/external-api">External API</Link>
|
||||
</span>
|
||||
)}
|
||||
</div>
|
||||
);
|
||||
};
|
||||
|
||||
export default NavBar;
|
||||
Loading…
Add table
Add a link
Reference in a new issue