From 26e8200a1d862702814adda97157b1d5a0669126 Mon Sep 17 00:00:00 2001
From: redapy <baha.redaaaa@gmail.com>
Date: Sun, 4 Feb 2024 17:26:22 +0100
Subject: [PATCH] add signIn and signout functionalities

---
 src/views/Layout.jsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/views/Layout.jsx b/src/views/Layout.jsx
index 7134270..8aa7dcc 100644
--- 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 />