From 93d224a4196bc0d7c4788de3efb5e33caba6450a Mon Sep 17 00:00:00 2001
From: bflatastic <bombayapirat@gmail.com>
Date: Tue, 21 May 2024 08:25:29 +0700
Subject: [PATCH] added back login signup buttons on mobile

---
 .../src/components/layout/TopNav/TopNav.tsx   | 95 +++++++++++++++++++
 .../profile/profile_view/ProfilePageV3.tsx    |  4 -
 2 files changed, 95 insertions(+), 4 deletions(-)

diff --git a/packages/fakeyou.com/src/components/layout/TopNav/TopNav.tsx b/packages/fakeyou.com/src/components/layout/TopNav/TopNav.tsx
index d33e90b200..9299b675bc 100644
--- a/packages/fakeyou.com/src/components/layout/TopNav/TopNav.tsx
+++ b/packages/fakeyou.com/src/components/layout/TopNav/TopNav.tsx
@@ -17,6 +17,8 @@ import {
   faTrophy,
   faBookOpen,
   faFilms,
+  faUser,
+  faSignOutAlt,
 } from "@fortawesome/pro-solid-svg-icons";
 import { Button } from "components/common";
 import SearchBar from "components/common/SearchBar";
@@ -34,6 +36,7 @@ import { Website } from "@storyteller/components/src/env/GetWebsite";
 import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
 import { faDiscord } from "@fortawesome/free-brands-svg-icons";
 import { GetDiscordLink } from "@storyteller/components/src/env/GetDiscordLink";
+import { WebUrl } from "common/WebUrl";
 
 interface TopNavProps {
   sessionWrapper: SessionWrapper;
@@ -228,6 +231,92 @@ export default function TopNav({
     }
   };
 
+  let userOrLoginButton = (
+    <>
+      <Button
+        label="Login"
+        small
+        variant="secondary"
+        onClick={() => {
+          history.push("/login");
+          handleNavLinkClick();
+        }}
+      />
+    </>
+  );
+
+  let signupOrLogOutButton = (
+    <>
+      <Button
+        label="Sign Up"
+        small
+        onClick={() => {
+          history.push("/signup");
+          handleNavLinkClick();
+        }}
+      />
+    </>
+  );
+
+  if (loggedIn) {
+    let displayName = sessionWrapper.getDisplayName();
+    // let gravatarHash = props.sessionWrapper.getEmailGravatarHash();
+    // let gravatar = <span />;
+
+    if (displayName === undefined) {
+      displayName = "My Account";
+    }
+
+    let url = WebUrl.userProfilePage(displayName);
+    userOrLoginButton = (
+      <>
+        <Button
+          icon={faUser}
+          label="My Profile"
+          small
+          variant="secondary"
+          onClick={() => {
+            history.push(url);
+            handleNavLinkClick();
+          }}
+        />
+      </>
+    );
+
+    signupOrLogOutButton = (
+      <>
+        <Button
+          icon={faSignOutAlt}
+          label="Logout"
+          small
+          variant="danger"
+          onClick={async () => {
+            await logoutHandler();
+            handleNavLinkClick();
+          }}
+        />
+      </>
+    );
+  }
+
+  if (sessionWrapper.isLoggedIn()) {
+    let displayName = sessionWrapper.getDisplayName();
+    if (displayName === undefined) {
+      displayName = "My Account";
+    }
+    let url = WebUrl.userProfilePage(displayName);
+    userOrLoginButton = (
+      <Button
+        icon={faUser}
+        label="My Profile"
+        small
+        variant="secondary"
+        onClick={() => history.push(url)}
+        className="d-block d-lg-none"
+      />
+    );
+  }
+
   return (
     <div
       id="topbar-wrapper"
@@ -394,6 +483,7 @@ export default function TopNav({
         </div>
       </div>
 
+      {/* Mobile Menu */}
       <div className={`${mobileMenu} d-lg-none`} style={{ height: "100vh" }}>
         <ul className="sidebar-nav">
           <li>
@@ -562,6 +652,11 @@ export default function TopNav({
               {t("communityGuide")}
             </NavLink>
           </li>
+
+          <div className="px-4 d-flex d-lg-none gap-2 mb-2">
+            {userOrLoginButton}
+            {signupOrLogOutButton}
+          </div>
         </ul>
       </div>
 
diff --git a/packages/fakeyou.com/src/v2/view/pages/profile/profile_view/ProfilePageV3.tsx b/packages/fakeyou.com/src/v2/view/pages/profile/profile_view/ProfilePageV3.tsx
index e8b480d4c3..3b8971cc47 100644
--- a/packages/fakeyou.com/src/v2/view/pages/profile/profile_view/ProfilePageV3.tsx
+++ b/packages/fakeyou.com/src/v2/view/pages/profile/profile_view/ProfilePageV3.tsx
@@ -155,10 +155,6 @@ function ProfilePageV3(this: any, props: Props) {
             </div>
           </Panel>
 
-          <Panel clear={true}>
-            <h1 className="fw-bold mb-3">Creations</h1>
-          </Panel>
-
           <Panel>
             <Tabs tabs={tabs} />
           </Panel>