From 738d8c4b5b72d3552be6ae7437244825f265836f Mon Sep 17 00:00:00 2001
From: Arjun Patel <patel.arjun50@gmail.com>
Date: Sun, 6 Feb 2022 16:29:55 -0800
Subject: [PATCH] log out working now, although buggy

---
 .../web/components/MainTabsOrPages/Header.tsx | 65 +++++++++++--------
 packages/web/pages/s/index.tsx                |  2 +-
 2 files changed, 40 insertions(+), 27 deletions(-)

diff --git a/packages/web/components/MainTabsOrPages/Header.tsx b/packages/web/components/MainTabsOrPages/Header.tsx
index b2c915e..164b556 100644
--- a/packages/web/components/MainTabsOrPages/Header.tsx
+++ b/packages/web/components/MainTabsOrPages/Header.tsx
@@ -16,6 +16,9 @@ import MainLogo from "../Logo/MainLogo";
 import UserStatusBubble from "../UserDetails/UserStatusBubble";
 import { useAuth } from "../../contexts/authContext";
 import { nirvanaUserDataAtom } from "../../recoil/main";
+import { getAuth, signOut } from "firebase/auth";
+
+const auth = getAuth();
 
 export default function Header() {
   const { currUser } = useAuth();
@@ -23,32 +26,6 @@ export default function Header() {
 
   const router = useRouter();
 
-  const UserMenu = (
-    <Menu title="user menu">
-      <Menu.Item
-        key={2}
-        onClick={() => router.push("/teams/profile")}
-        icon={<FaUser />}
-      >
-        <button>Profile</button>
-      </Menu.Item>
-
-      <Menu.Item
-        onClick={() => window.open("/teams", "_self")}
-        key={"team hub"}
-        icon={<FaLayerGroup />}
-      >
-        <button>Team Hub</button>
-      </Menu.Item>
-
-      <Menu.Divider />
-
-      <Menu.Item danger key={3} onClick={() => console.log("sign out")}>
-        <button>Sign Out</button>
-      </Menu.Item>
-    </Menu>
-  );
-
   const inputRef = useRef<HTMLInputElement | undefined>();
 
   const [searchInput, setSearchInput] = useState<string>("");
@@ -77,6 +54,42 @@ export default function Header() {
     });
   };
 
+  const logOut = async () => {
+    // setLoading(true);
+
+    console.log("logging user out");
+
+    router.push("/");
+
+    await signOut(auth);
+  };
+
+  const UserMenu = (
+    <Menu title="user menu">
+      <Menu.Item
+        key={2}
+        onClick={() => router.push("/teams/profile")}
+        icon={<FaUser />}
+      >
+        <button>Profile</button>
+      </Menu.Item>
+
+      <Menu.Item
+        onClick={() => window.open("/teams", "_self")}
+        key={"team hub"}
+        icon={<FaLayerGroup />}
+      >
+        <button>Team Hub</button>
+      </Menu.Item>
+
+      <Menu.Divider />
+
+      <Menu.Item danger key={3} onClick={logOut}>
+        <button>Sign Out</button>
+      </Menu.Item>
+    </Menu>
+  );
+
   const keyMap: KeyMap = {
     SELECT_SEARCH: {
       name: "select search to start searching",
diff --git a/packages/web/pages/s/index.tsx b/packages/web/pages/s/index.tsx
index faf6300..670977b 100644
--- a/packages/web/pages/s/index.tsx
+++ b/packages/web/pages/s/index.tsx
@@ -99,7 +99,7 @@ export default function Me() {
       case QueryRoutes.drawer:
         return <Drawer />;
       default:
-        return <></>;
+        return <Conversations />;
     }
   }