add signIn and signout functionalities

the-collab-lab · Feb 4, 2024 · 26e8200 · 26e8200
1 parent 9798c86
commit 26e8200
Showing 1 changed file with 11 additions and 0 deletions.
diff --git a/src/views/Layout.jsx b/src/views/Layout.jsx
@@ -14,11 +14,22 @@ import { SignInButton, SignOutButton, useAuth } from '../api/useAuth.jsx';
 
 export function Layout() {
 	const { user } = useAuth();
+	console.log(user);
 	return (
 		<>
 			<div className="Layout">
 				<header className="Layout-header">
 					<h1>Smart shopping list</h1>
+					{!user ? (
+						<div>
+							<SignInButton />
+						</div>
+					) : (
+						<div>
+							<span>{user?.displayName}</span>
+							<SignOutButton />
+						</div>
+					)}
 				</header>
 				<main className="Layout-main">
 					<Outlet />