From c67aa738ea7914562cbc06ec4c8fa46130d8bf15 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Tue, 8 Aug 2023 21:55:23 -0300
Subject: [PATCH 1/5] feat(headerComponent): add "join the waitlist" link to
 the header component

- Added a new anchor tag with the link to the Langflow website's waitlist page
- Added a new CSS class `.header-waitlist-link-box` to style the waitlist link
- Added hover effect to the waitlist link when hovered over
---
 src/frontend/src/components/headerComponent/index.tsx | 9 +++++++++
 src/frontend/src/style/applies.css                    | 6 ++++++
 2 files changed, 15 insertions(+)

diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index 91e9bbd8a..2200e1b39 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -64,6 +64,15 @@ export default function Header() {
       </div>
       <div className="header-end-division">
         <div className="header-end-display">
+          <a
+            href="https://www.langflow.org/"
+            target="_blank"
+            rel="noreferrer"
+            className="header-waitlist-link-box"
+          >
+            <span className="">⛓️</span>
+            join the waitlist
+          </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 0281df7c2..a4fa56a4c 100644
--- a/src/frontend/src/style/applies.css
+++ b/src/frontend/src/style/applies.css
@@ -495,6 +495,12 @@
   .header-github-link-box {
     @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;
+  }
+  .header-waitlist-link-box:hover {
+    @apply hover:bg-accent hover:text-accent-foreground;
+  }
   .header-github-link {
     @apply header-github-link-box text-sm  font-medium text-muted-foreground ring-offset-background disabled:pointer-events-none disabled:opacity-50;
   }

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 2/5] 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;

From 24cc59674bdb8f6e4f636b76205bf11baf25c0a0 Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Wed, 9 Aug 2023 10:28:50 -0300
Subject: [PATCH 3/5] chore(headerComponent): remove commented out code for
 waitlist link

The commented out code for the waitlist link in the header component has been removed. This code was not being used and was cluttering the codebase.
---
 src/frontend/src/components/headerComponent/index.tsx | 9 ---------
 1 file changed, 9 deletions(-)

diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index 4fc98c758..d8ef6d794 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -79,15 +79,6 @@ export default function Header() {
       </div>
       <div className="header-end-division">
         <div className="header-end-display">
-          {/* <a
-            href="https://www.langflow.org/"
-            target="_blank"
-            rel="noreferrer"
-            className="header-waitlist-link-box"
-          >
-            <span className="">⛓️</span>
-            join the waitlist
-          </a> */}
           <a
             href="https://github.com/logspace-ai/langflow"
             target="_blank"

From 181beb810eafaa7d67dd43307dd68c66ee8a72fd Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Wed, 9 Aug 2023 10:44:25 -0300
Subject: [PATCH 4/5] style(headerComponent): capitalize the first letter of
 "join the waitlist" to improve consistency and readability

---
 src/frontend/src/components/headerComponent/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index d8ef6d794..4ff75db8d 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -40,7 +40,7 @@ export default function Header() {
               className="header-waitlist-link-box"
             >
               <span className="pr-1 text-2xl">⛓️</span>
-              <span>join the waitlist</span>
+              <span>Join the waitlist</span>
             </a>
           </div>
         ) : (

From 21fb5aad6c081608b366aa3b6495bc8b179498ab Mon Sep 17 00:00:00 2001
From: anovazzi1 <otavio2204@gmail.com>
Date: Wed, 9 Aug 2023 10:59:50 -0300
Subject: [PATCH 5/5] style(headerComponent): capitalize the first letter of
 "The" in "Join The Waitlist" for consistency and readability

---
 src/frontend/src/components/headerComponent/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx
index 4ff75db8d..ddae6068c 100644
--- a/src/frontend/src/components/headerComponent/index.tsx
+++ b/src/frontend/src/components/headerComponent/index.tsx
@@ -40,7 +40,7 @@ export default function Header() {
               className="header-waitlist-link-box"
             >
               <span className="pr-1 text-2xl">⛓️</span>
-              <span>Join the waitlist</span>
+              <span>Join The Waitlist</span>
             </a>
           </div>
         ) : (