jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

fix(headerComponent): fix conditional rendering of waitlist link in header component

Browse source 
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
This commit is contained in:
anovazzi1 2023-08-08 22:06:14 -03:00
commit a99a7fe189
2 changed files with 21 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/frontend/src/components/headerComponent/index.tsx
View file

@ -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"

2
src/frontend/src/style/applies.css
View file

@ -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;