Merge pull request #427 from NEU-DSG/refine-login-button-conditional-display

Refine-login-button-conditional-display

Author: Naomi Trevino

website/src/layout.tsx

@@ -43,11 +43,7 @@ const Layout: React.FC = ({ children }) => {
                 Digital Archive of Indigenous Language Persistence
               </span>
             </div>
-
-            {deploymentEnvironment !== Environment.Production && (
-              <LoginHeaderButton />
-            )}
-
+            <LoginHeaderButton />
             <HeaderPrefDrawer />
           </div>
           <NavMenu menuID={2} />

website/src/pages/auth/user-auth-layout.tsx

@@ -11,6 +11,7 @@ import {
 import { useCredentials, useUser } from "src/auth"
 import { Button, CleanButton, Link } from "src/components"
 import { AccountMenu } from "src/components/authenticated-users/account-menu"
+import { Environment, deploymentEnvironment } from "src/env"
 import { centeredColumn } from "src/style/utils.css"
 import Layout from "../../layout"
 import {
@@ -43,6 +44,12 @@ export const UserAuthPageTemplate = (props: {
 
 // the login button that appears in the header of the website
 export const LoginHeaderButton = (props?: { className?: string }) => {
+  // hide the login button on production while development of DAILP TI is ongoing
+  // FIXME remove this flag when DAILP TI launches in a stable form
+  if (deploymentEnvironment === Environment.Production) {
+    return null
+  }
+
   // get the current user's auth token
   const token = useCredentials()