merge authentication

src/frontend/src/components/headerComponent/index.tsx

@@ -34,19 +34,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>
-        <Button
-          onClick={() => {
-            logout();
-            navigate("/login");
-          }}
-          variant="outline"
-          className=""
-        >
-          Sign out
-        </Button>
+        {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} />
         )}

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 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;
+  }
   .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;
   }