header sign out menu item; remove user card

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 { firebaseLogin, User } from '../lib/firebase/users'
+import { firebaseLogin, firebaseLogout, User } from '../lib/firebase/users'
 import { MenuButton } from './menu'
 
 const hoverClasses =
@@ -35,6 +35,11 @@ function getNavigationOptions(user: User, options: { mobile: boolean }) {
       name: 'Your markets',
       href: `/${user.username}`,
     },
+
+    {
+      name: 'Sign out',
+      onClick: () => firebaseLogout(),
+    },
   ]
 }
 

web/components/menu.tsx

@@ -4,7 +4,7 @@ import clsx from 'clsx'
 
 export function MenuButton(props: {
   buttonContent: any
-  menuItems: { name: string; href: string }[]
+  menuItems: { name: string; href: string; onClick?: () => void }[]
   className?: string
 }) {
   const { buttonContent, menuItems, className } = props
@@ -34,6 +34,7 @@ export function MenuButton(props: {
               {({ active }) => (
                 <a
                   href={item.href}
+                  onClick={item.onClick}
                   className={clsx(
                     active ? 'bg-gray-100' : '',
                     'block py-2 px-4 text-sm text-gray-700'

web/components/user-page.tsx

@@ -79,7 +79,7 @@ export function UserPage(props: { user: User; currentUser?: User }) {
 
       <Header />
 
-      <UserCard user={user} showPrivateInfo={isCurrentUser} />
+      {/* <UserCard user={user} showPrivateInfo={isCurrentUser} /> */}
 
       <Title text={possesive + 'markets'} />