From b3bacd6e1e3d6acc0efb2b2f667cb285346068e4 Mon Sep 17 00:00:00 2001
From: jahooma <jahooma@gmail.com>
Date: Fri, 17 Dec 2021 19:29:09 -0600
Subject: [PATCH] Make sign in header work

---
 web/components/header.tsx | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/web/components/header.tsx b/web/components/header.tsx
index 0b31e392..c7e75980 100644
--- a/web/components/header.tsx
+++ b/web/components/header.tsx
@@ -5,7 +5,7 @@ import Image from 'next/image'
 import { useUser } from '../hooks/use-user'
 import { formatMoney } from '../lib/util/format'
 import { Row } from './layout/row'
-import { User } from '../lib/firebase/users'
+import { firebaseLogin, User } from '../lib/firebase/users'
 
 const hoverClasses =
   'hover:underline hover:decoration-indigo-400 hover:decoration-2'
@@ -49,7 +49,12 @@ function SignedOutHeaders(props: { themeClasses?: string }) {
 
   return (
     <>
-      <div className={clsx('text-base font-medium', themeClasses)}>Sign in</div>
+      <div
+        className={clsx('text-base font-medium cursor-pointer', themeClasses)}
+        onClick={firebaseLogin}
+      >
+        Sign in
+      </div>
     </>
   )
 }