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

Added triangle

Browse source
This commit is contained in:
Lucas Oliveira 2024-06-07 12:14:18 -03:00
commit 18551077b0
2 changed files with 54 additions and 42 deletions
Download patch file Download diff file Expand all files Collapse all files

94
src/frontend/src/CustomNodes/GenericNode/index.tsx
View file

@ -437,54 +437,64 @@ export default function GenericNode({
</div> </div>
{showNode && ( {showNode && (
<> <>
<ShadTooltip <div className="flex flex-shrink-0 items-center gap-1">
content={ {isOutdated && (
buildStatus === BuildStatus.BUILDING ? ( <Button variant="secondary" className={"h-9 px-1.5"}>
<span> {STATUS_BUILDING} </span> <IconComponent
) : !validationStatus ? ( name="AlertTriangle"
<span className="flex">{STATUS_BUILD}</span> className="h-5 w-5 text-status-yellow"
) : ( />
<div className="max-h-100 p-2"> </Button>
<div> )}
{lastRunTime && ( <ShadTooltip
<div className="justify-left flex font-normal text-muted-foreground"> content={
<div>{RUN_TIMESTAMP_PREFIX}</div> buildStatus === BuildStatus.BUILDING ? (
<div className="ml-1 text-status-blue"> <span> {STATUS_BUILDING} </span>
{lastRunTime} ) : !validationStatus ? (
<span className="flex">{STATUS_BUILD}</span>
) : (
<div className="max-h-100 p-2">
<div>
{lastRunTime && (
<div className="justify-left flex font-normal text-muted-foreground">
<div>{RUN_TIMESTAMP_PREFIX}</div>
<div className="ml-1 text-status-blue">
{lastRunTime}
</div>
</div> </div>
)}
</div>
<div className="justify-left flex font-normal text-muted-foreground">
<div>Duration:</div>
<div className="ml-1 text-status-blue">
{validationStatus?.data.duration}
</div> </div>
)}
</div>
<div className="justify-left flex font-normal text-muted-foreground">
<div>Duration:</div>
<div className="ml-1 text-status-blue">
{validationStatus?.data.duration}
</div> </div>
</div> </div>
</div> )
) }
} side="bottom"
side="bottom"
>
<Button
onClick={() => {
if (buildStatus === BuildStatus.BUILDING || isBuilding)
return;
setValidationStatus(null);
buildFlow({ stopNodeId: data.id });
}}
variant="secondary"
className={"group h-9 px-1.5"}
> >
<div <Button
data-testid={ onClick={() => {
`button_run_` + data?.node?.display_name.toLowerCase() if (buildStatus === BuildStatus.BUILDING || isBuilding)
} return;
setValidationStatus(null);
buildFlow({ stopNodeId: data.id });
}}
variant="secondary"
className={"group h-9 px-1.5"}
> >
{renderIconStatus()} <div
</div> data-testid={
</Button> `button_run_` + data?.node?.display_name.toLowerCase()
</ShadTooltip> }
>
{renderIconStatus()}
</div>
</Button>
</ShadTooltip>
</div>
</> </>
)} )}
</div> </div>

2
src/frontend/src/utils/styleUtils.ts
View file

@ -115,6 +115,7 @@ import {
Settings, Settings,
Settings2, Settings2,
Share, Share,
AlertTriangle,
Share2, Share2,
Shield, Shield,
Sliders, Sliders,
@ -431,6 +432,7 @@ export const nodeIconsLucide: iconsType = {
SunIcon, SunIcon,
MoonIcon, MoonIcon,
Bell, Bell,
AlertTriangle,
ChevronLeft, ChevronLeft,
SlidersHorizontal, SlidersHorizontal,
Palette, Palette,