From a99a7fe1893d507b88ffbbfdbac6334067a6a2c4 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 8 Aug 2023 22:06:14 -0300
Subject: [PATCH] fix(headerComponent): fix conditional rendering of waitlist
 link in header component chore(headerComponent): comment out unused waitlist
 link in header component chore(applies.css): update styling of waitlist link
 in header component to match design requirements

---
 .../src/components/headerComponent/index.tsx  | 25 +++++++++++++++----
 src/frontend/src/style/applies.css            |  2 +-
 2 files changed, 21 insertions(+), 6 deletions(-)

diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index 2200e1b39..4fc98c758 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -31,9 +31,24 @@ export default function Header() {
   return (
     <div className="header-arrangement">
       <div className="header-start-display">
-        <Link to="/">
-          <span className="ml-4 text-2xl">⛓️</span>
-        </Link>
+        {tabId === "" || !tabId ? (
+          <div className="ml-2">
+            <a
+              href="https://www.langflow.org/"
+              target="_blank"
+              rel="noreferrer"
+              className="header-waitlist-link-box"
+            >
+              <span className="pr-1 text-2xl">⛓️</span>
+              <span>join the waitlist</span>
+            </a>
+          </div>
+        ) : (
+          <Link to="/">
+            <span className="ml-4 text-2xl">⛓️</span>
+          </Link>
+        )}
+
         {flows.findIndex((f) => tabId === f.id) !== -1 && tabId !== "" && (
           <MenuBar flows={flows} tabId={tabId} />
         )}
@@ -64,7 +79,7 @@ export default function Header() {
       </div>
       <div className="header-end-division">
         <div className="header-end-display">
-          <a
+          {/* <a
             href="https://www.langflow.org/"
             target="_blank"
             rel="noreferrer"
@@ -72,7 +87,7 @@ export default function Header() {
           >
             <span className="">⛓️</span>
             join the waitlist
-          </a>
+          </a> */}
           <a
             href="https://github.com/logspace-ai/langflow"
             target="_blank"
diff --git a/src/frontend/src/style/applies.css b/src/frontend/src/style/applies.css
index a4fa56a4c..34f0f6732 100644
--- a/src/frontend/src/style/applies.css
+++ b/src/frontend/src/style/applies.css
@@ -496,7 +496,7 @@
     @apply inline-flex h-9 items-center justify-center rounded-md border border-input px-3 pr-0 shadow-sm;
   }
   .header-waitlist-link-box {
-    @apply header-github-link-box pr-3 text-sm  font-medium text-muted-foreground ring-offset-background disabled:pointer-events-none disabled:opacity-50 whitespace-nowrap;
+    @apply inline-flex h-9 items-center justify-center rounded-md border border-input px-2 shadow-sm text-sm  font-medium text-muted-foreground ring-offset-background disabled:pointer-events-none disabled:opacity-50 whitespace-nowrap;
   }
   .header-waitlist-link-box:hover {
     @apply hover:bg-accent hover:text-accent-foreground;