Added signin/signout button dependent on auth

the-collab-lab · Aug 11, 2024 · 8c5495d · 8c5495d
1 parent d9831b7
commit 8c5495d
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/views/Layout.jsx b/src/views/Layout.jsx
@@ -1,4 +1,5 @@
 import { Outlet } from 'react-router-dom';
+import { useAuth, SignInButton, SignOutButton } from '../api/useAuth';
 
 import './Layout.css';
 
@@ -11,6 +12,8 @@ import './Layout.css';
  */
 
 export function Layout() {
+	let { user } = useAuth();
+
 	return (
 		<>
 			<div className="Layout">
@@ -21,6 +24,7 @@ export function Layout() {
 					<Outlet />
 				</main>
 				<nav className="Nav">
+					{!!user ? <SignOutButton /> : <SignInButton />}
 					<div className="Nav-container">
 						<button href="#" className="Nav-link">
 							Home