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

refactor: add custom banner and refactor pagelayout to include it (#3803)

Browse source 
* Added custom banner

* Refactored pageLayout to include custom banner
This commit is contained in:
Lucas Oliveira 2024-09-13 14:29:19 -03:00 • committed by GitHub
commit 56802bada6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 19 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

28
src/frontend/src/components/pageLayout/index.tsx
View file

@ -1,3 +1,4 @@
import { CustomBanner } from "@/customization/components/custom-banner";
import { Separator } from "../ui/separator";
export default function PageLayout({
@ -14,19 +15,22 @@ export default function PageLayout({
betaIcon?: boolean;
}) {
return (
<div className="flex h-full w-full flex-col justify-between overflow-auto bg-background px-16">
<div className="flex w-full items-center justify-between gap-4 space-y-0.5 py-8 pb-2">
<div className="flex w-full flex-col">
<h2
className="text-2xl font-bold tracking-tight"
data-testid="mainpage_title"
>
{title}
{betaIcon && <span className="store-beta-icon">BETA</span>}
</h2>
<p className="text-muted-foreground">{description}</p>
<div className="flex h-full w-full flex-col justify-between overflow-auto bg-background px-16 pt-6">
<div className="flex flex-col gap-4">
<CustomBanner />
<div className="flex w-full items-center justify-between gap-4 space-y-0.5 py-2">
<div className="flex w-full flex-col">
<h2
className="text-2xl font-bold tracking-tight"
data-testid="mainpage_title"
>
{title}
{betaIcon && <span className="store-beta-icon">BETA</span>}
</h2>
<p className="text-muted-foreground">{description}</p>
</div>
<div className="flex-shrink-0">{button && button}</div>
</div>
<div className="flex-shrink-0">{button && button}</div>
</div>
<Separator className="my-6 flex" />
{children}

3
src/frontend/src/customization/components/custom-banner.tsx Normal file
View file

@ -0,0 +1,3 @@
export function CustomBanner() {
return <></>;
}