implement sign in and sign out

the-collab-lab · Feb 4, 2024 · 56e5884 · 56e5884
1 parent a9de895
commit 56e5884
Showing 1 changed file with 4 additions and 3 deletions.
diff --git a/src/views/Layout.jsx b/src/views/Layout.jsx
@@ -2,7 +2,7 @@ import { Outlet } from 'react-router-dom';
 
 import './Layout.css';
 import { auth } from '../api/config.js';
-import {SignInButton, SignOutButton, useAuth} from "../api/useAuth.jsx";
+import { SignInButton, SignOutButton, useAuth } from '../api/useAuth.jsx';
 
 /**
  * TODO: The links defined in this file don't work!
@@ -13,14 +13,15 @@ import {SignInButton, SignOutButton, useAuth} from "../api/useAuth.jsx";
  */
 
 export function Layout() {
-
-	const user = useAuth()
+	const { user } = useAuth();
 
 	return (
 		<>
 			<div className="Layout">
 				<header className="Layout-header">
 					<h1>Smart shopping list</h1>
+					<p>{user?.displayName ? `Welcome ${user?.displayName}` : null}</p>
+					{!!user ? <SignOutButton /> : <SignInButton />}
 				</header>
 				<main className="Layout-main">
 					<Outlet />