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

Fixed status ball and location of tooltip

Browse source
This commit is contained in:
Lucas Oliveira 2024-02-26 17:19:18 +01:00
commit e6b1d7a285
1 changed files with 27 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -168,6 +168,7 @@ export default function GenericNode({
buildStatus: BuildStatus | undefined, buildStatus: BuildStatus | undefined,
validationStatus: validationStatusType | null validationStatus: validationStatusType | null
) => { ) => {
console.log(buildStatus);
const isValid = validationStatus && validationStatus.valid; const isValid = validationStatus && validationStatus.valid;
if (isValid) { if (isValid) {
return "green-status"; return "green-status";
@ -179,8 +180,6 @@ export default function GenericNode({
return "red-status"; return "red-status";
} else if (!validationStatus && buildStatus === BuildStatus.TO_BUILD) { } else if (!validationStatus && buildStatus === BuildStatus.TO_BUILD) {
return "green-status"; return "green-status";
} else if (buildStatus === BuildStatus.BUILDING) {
return "status-build-animation";
} else { } else {
return "yellow-status"; return "yellow-status";
} }
@ -203,7 +202,7 @@ export default function GenericNode({
return ( return (
<IconComponent <IconComponent
name="Play" name="Play"
className="absolute ml-0.5 h-5 fill-current stroke-2 hover:text-medium-indigo text-muted-foreground" className="absolute ml-0.5 h-5 fill-current stroke-2 text-muted-foreground hover:text-medium-indigo"
/> />
); );
} }
@ -469,23 +468,7 @@ export default function GenericNode({
<div> <div>
<Tooltip <Tooltip
title={ title={
data?.buildStatus === BuildStatus.BUILDING ? ( "Build"
<span>Building...</span>
) : !validationStatus ? (
<span className="flex">
Build flow to validate status.
</span>
) : (
<div className="max-h-96 overflow-auto">
{typeof validationStatus.params === "string"
? `${durationString}\n${validationStatus.params}`
.split("\n")
.map((line, index) => (
<div key={index}>{line}</div>
))
: durationString}
</div>
)
} }
> >
<div className="generic-node-status-position flex items-center justify-center"> <div className="generic-node-status-position flex items-center justify-center">
@ -499,7 +482,30 @@ export default function GenericNode({
</Button> </Button>
)} )}
<div className=""> <div className="">
{renderIconStatusComponents(data?.buildStatus, validationStatus)} <Tooltip
title={
data?.buildStatus === BuildStatus.BUILDING ? (
<span>Building...</span>
) : !validationStatus ? (
<span className="flex">Build to validate status.</span>
) : (
<div className="max-h-96 overflow-auto">
{typeof validationStatus.params === "string"
? `${durationString}\n${validationStatus.params}`
.split("\n")
.map((line, index) => <div key={index}>{line}</div>)
: durationString}
</div>
)
}
>
<div>
{renderIconStatusComponents(
data?.buildStatus,
validationStatus
)}
</div>
</Tooltip>
</div> </div>
</div> </div>
</div> </div>