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

Refactor ExtraSidebar component

Browse source
This commit is contained in:
Gabriel Luiz Freitas Almeida 2024-03-30 17:58:11 -03:00
commit 1510f55efe
1 changed files with 32 additions and 35 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -276,21 +276,18 @@ 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 ${search ? "cursor-pointer" : "cursor-default" className={`h-5 w-5 stroke-[1.5] text-primary ${
}`} 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 <div className="parent-disclosure-arrangement">
className="parent-disclosure-arrangement" <div className="flex items-center gap-4 align-middle">
> <span className="parent-disclosure-title">Core Components</span>
<div className="flex gap-4 items-center align-middle">
<span className="parent-disclosure-title">
Core Components
</span>
</div> </div>
</div> </div>
{Object.keys(dataFilter) {Object.keys(dataFilter)
@ -351,7 +348,7 @@ export default function ExtraSidebar(): JSX.Element {
} }
official={ official={
dataFilter[SBSectionName][SBItemName].official === dataFilter[SBSectionName][SBItemName].official ===
false false
? false ? false
: true : true
} }
@ -443,33 +440,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 className="components-disclosure-div"> </div>
<div> </a>
<LinkIcon className="h-4 w-4 text-foreground" /> </>
</div> )}
</div>
</a>
</>
)}
</> </>
) : ( ) : (
<div key={index}></div> <div key={index}></div>