add user signed in information

the-collab-lab · Feb 4, 2024 · 601142c · 601142c
1 parent 061c015
commit 601142c
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/views/Layout.jsx b/src/views/Layout.jsx
@@ -19,7 +19,14 @@ export function Layout() {
 			<div className="Layout">
 				<header className="Layout-header">
 					<h1>Smart shopping list</h1>
-					{user ? <SignOutButton /> : <SignInButton />}
+					{!!user ? (
+						<div>
+							<span>Signed in as {auth.currentUser.displayName}</span> (
+							<SignOutButton />)
+						</div>
+					) : (
+						<SignInButton />
+					)}
 				</header>
 				<main className="Layout-main">
 					<Outlet />