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] 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;
   }