diff --git a/src/frontend/src/components/headerComponent/index.tsx b/src/frontend/src/components/headerComponent/index.tsx index 91e9bbd8a..ddae6068c 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 (
- - ⛓️ - + {tabId === "" || !tabId ? ( +
+ + ⛓️ + Join The Waitlist + +
+ ) : ( + + ⛓️ + + )} + {flows.findIndex((f) => tabId === f.id) !== -1 && tabId !== "" && ( )} diff --git a/src/frontend/src/style/applies.css b/src/frontend/src/style/applies.css index 0281df7c2..34f0f6732 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 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; }