Merge pull request #17 from the-collab-lab/mz-dj-add-auth

Add conditional sign in and sign out button
the-collab-lab · Aug 11, 2024 · 8a02fe9 · 8a02fe9
2 parents db3435a + a54aecf
commit 8a02fe9
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 2 deletions.
diff --git a/src/api/index.js b/src/api/index.js
@@ -1,2 +1,2 @@
 export * from './firebase';
-export { useAuth } from './useAuth';
+export { useAuth, SignInButton, SignOutButton } from './useAuth';
diff --git a/src/views/Layout.jsx b/src/views/Layout.jsx
@@ -1,7 +1,7 @@
 import { Outlet } from 'react-router-dom';
 
 import './Layout.css';
-import { auth } from '../api/config.js';
+import { useAuth, SignInButton, SignOutButton } from '../api';
 
 /**
  * TODO: The links defined in this file don't work!
@@ -12,13 +12,16 @@ import { auth } from '../api/config.js';
  */
 
 export function Layout() {
+	const { user } = useAuth();
 	return (
 		<>
 			<div className="Layout">
 				<header className="Layout-header">
 					<h1>Smart shopping list</h1>
 				</header>
 				<main className="Layout-main">
+					{user ? <SignOutButton /> : <SignInButton />}
+
 					<Outlet />
 				</main>
 				<nav className="Nav">