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

Add parent disclosure for core components

Browse source
This commit is contained in:
anovazzi1 2024-03-30 17:40:16 -03:00
commit 4f1b7bc3f3
1 changed files with 38 additions and 30 deletions
Download patch file Download diff file Expand all files Collapse all files

68
src/frontend/src/pages/FlowPage/components/extraSidebarComponent/index.tsx
View file

@ -277,15 +277,23 @@ export default function ExtraSidebar(): JSX.Element {
> >
<IconComponent <IconComponent
name={search ? "X" : "Search"} name={search ? "X" : "Search"}
className={`h-5 w-5 stroke-[1.5] text-primary ${ className={`h-5 w-5 stroke-[1.5] text-primary ${search ? "cursor-pointer" : "cursor-default"
search ? "cursor-pointer" : "cursor-default" }`}
}`}
aria-hidden="true" aria-hidden="true"
/> />
</div> </div>
</div> </div>
<Separator /> <Separator />
<div className="side-bar-components-div-arrangement"> <div className="side-bar-components-div-arrangement">
<div
className="parent-disclosure-arrangement"
>
<div className="flex gap-4 items-center align-middle">
<span className="parent-disclosure-title">
Core Components
</span>
</div>
</div>
{Object.keys(dataFilter) {Object.keys(dataFilter)
.sort(sortKeys) .sort(sortKeys)
.filter((x) => PRIORITY_SIDEBAR_ORDER.includes(x)) .filter((x) => PRIORITY_SIDEBAR_ORDER.includes(x))
@ -325,7 +333,7 @@ export default function ExtraSidebar(): JSX.Element {
<SidebarDraggableComponent <SidebarDraggableComponent
sectionName={SBSectionName as string} sectionName={SBSectionName as string}
apiClass={dataFilter[SBSectionName][SBItemName]} apiClass={dataFilter[SBSectionName][SBItemName]}
key={index+ SBItemName} key={index + SBItemName}
onDragStart={(event) => onDragStart={(event) =>
onDragStart(event, { onDragStart(event, {
//split type to remove type in nodes saved with same name removing it's //split type to remove type in nodes saved with same name removing it's
@ -344,7 +352,7 @@ export default function ExtraSidebar(): JSX.Element {
} }
official={ official={
dataFilter[SBSectionName][SBItemName].official === dataFilter[SBSectionName][SBItemName].official ===
false false
? false ? false
: true : true
} }
@ -436,33 +444,33 @@ export default function ExtraSidebar(): JSX.Element {
</DisclosureComponent> </DisclosureComponent>
{index === {index ===
Object.keys(dataFilter).length - Object.keys(dataFilter).length -
PRIORITY_SIDEBAR_ORDER.length + PRIORITY_SIDEBAR_ORDER.length +
1 && ( 1 && (
<> <>
<a <a
target={"_blank"} target={"_blank"}
href="https://langflow.store" href="https://langflow.store"
className="components-disclosure-arrangement" className="components-disclosure-arrangement"
> >
<div className="flex gap-4 pl-2"> <div className="flex gap-4 pl-2">
{/* BUG ON THIS ICON */} {/* BUG ON THIS ICON */}
<SparklesIcon <SparklesIcon
strokeWidth={1.5} strokeWidth={1.5}
className="w-[22px] text-primary" className="w-[22px] text-primary"
/> />
<span className="components-disclosure-title"> <span className="components-disclosure-title">
Discover More Discover More
</span> </span>
</div>
<div className="components-disclosure-div">
<div>
<LinkIcon className="h-4 w-4 text-foreground" />
</div> </div>
</div> <div className="components-disclosure-div">
</a> <div>
</> <LinkIcon className="h-4 w-4 text-foreground" />
)} </div>
</div>
</a>
</>
)}
</> </>
) : ( ) : (
<div key={index}></div> <div key={index}></div>