Refactor GenericNode component and add duration string

This commit is contained in:
Gabriel Luiz Freitas Almeida 2024-02-19 18:52:56 -03:00
commit aa6d57d134

View file

@ -86,6 +86,18 @@ export default function GenericNode({
// State for outline color
const isBuilding = useFlowStore((state) => state.isBuilding);
// should be empty string if no duration
// else should be `Duration: ${duration}`
const getDurationString = (duration: number | null): string => {
if (duration === null) {
return "";
} else {
return `Duration: ${duration}`;
}
};
const durationString = getDurationString(validationStatus?.data.duration);
useEffect(() => {
setNodeDescription(data.node!.description);
}, [data.node!.description]);
@ -164,8 +176,7 @@ export default function GenericNode({
numberOfHandles={handles}
showNode={showNode}
openAdvancedModal={false}
onCloseAdvancedModal={() => {
}}
onCloseAdvancedModal={() => {}}
></NodeToolbarComponent>
</NodeToolbar>
@ -399,12 +410,12 @@ export default function GenericNode({
) : (
<div className="max-h-96 overflow-auto">
{typeof validationStatus.params === "string"
? `Duration: ${validationStatus.data.duration}\n${validationStatus.params}`
? `${durationString}\n${validationStatus.params}`
.split("\n")
.map((line, index) => (
<div key={index}>{line}</div>
))
: ""}
: durationString}
</div>
)
}