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

Update GenericNode and flowStore

Browse source
This commit is contained in:
Gabriel Luiz Freitas Almeida 2024-03-04 00:05:19 -03:00
commit 5b85b04edb
2 changed files with 29 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -9,6 +9,7 @@ import Loading from "../../components/ui/loading";
import { Textarea } from "../../components/ui/textarea"; import { Textarea } from "../../components/ui/textarea";
import Xmark from "../../components/ui/xmark"; import Xmark from "../../components/ui/xmark";
import { import {
RUN_TIMESTAMP_PREFIX,
STATUS_BUILD, STATUS_BUILD,
STATUS_BUILDING, STATUS_BUILDING,
priorityFields, priorityFields,
@ -105,7 +106,7 @@ export default function GenericNode({
if (duration === undefined) { if (duration === undefined) {
return ""; return "";
} else { } else {
return `Duration: ${duration}`; return `${duration}`;
} }
}; };
const durationString = getDurationString(validationStatus?.data.duration); const durationString = getDurationString(validationStatus?.data.duration);
@ -493,14 +494,32 @@ export default function GenericNode({
) : !validationStatus ? ( ) : !validationStatus ? (
<span className="flex">{STATUS_BUILD}</span> <span className="flex">{STATUS_BUILD}</span>
) : ( ) : (
<div className="max-h-96 overflow-auto"> <div className="max-h-96 overflow-auto custom-scroll">
{typeof validationStatus.params === "string" <div>
? `${durationString}\n${validationStatus.params}` {lastRunTime && (
.split("\n") <div className="justify-left flex text-muted-foreground">
.map((line, index) => ( <div>{RUN_TIMESTAMP_PREFIX}</div>
<div key={index}>{line}</div> <div className="ml-1 text-status-blue">
)) {lastRunTime}
: durationString} </div>
</div>
)}
</div>
<div className="justify-left flex text-muted-foreground">
<div>Duration:</div>
<div className="ml-1 text-status-blue">
{validationStatus?.data.duration}
</div>
</div>
<hr />
<span className="flex justify-center text-muted-foreground">
Output
</span>
{validationStatus?.params
.split("\n")
.map((line, index) => (
<div key={index}>{line}</div>
))}
</div> </div>
) )
} }
@ -725,15 +744,6 @@ export default function GenericNode({
showNode={showNode} showNode={showNode}
/> />
)} )}
<div>
{lastRunTime && (
<div className="flex justify-center text-muted-foreground">
{lastRunTime.split("\n").map((line, index) => (
<div key={index}>{line}</div>
))}
</div>
)}
</div>
</> </>
</div> </div>
)} )}

5
src/frontend/src/stores/flowStore.ts
View file

@ -13,7 +13,6 @@ import {
FLOW_BUILD_SUCCESS_ALERT, FLOW_BUILD_SUCCESS_ALERT,
MISSED_ERROR_ALERT, MISSED_ERROR_ALERT,
} from "../constants/alerts_constants"; } from "../constants/alerts_constants";
import { RUN_TIMESTAMP_PREFIX } from "../constants/constants";
import { BuildStatus } from "../constants/enums"; import { BuildStatus } from "../constants/enums";
import { getFlowPool } from "../controllers/API"; import { getFlowPool } from "../controllers/API";
import { VertexBuildTypeAPI } from "../types/api"; import { VertexBuildTypeAPI } from "../types/api";
@ -558,9 +557,7 @@ const useFlowStore = create<FlowStoreType>((set, get) => ({
}; };
if (status == BuildStatus.BUILT) { if (status == BuildStatus.BUILT) {
const timestamp_string = new Date(Date.now()).toLocaleString(); const timestamp_string = new Date(Date.now()).toLocaleString();
newFlowBuildStatus[ newFlowBuildStatus[id].timestamp = timestamp_string;
id
].timestamp = `${RUN_TIMESTAMP_PREFIX} ${timestamp_string}`;
} }
console.log("updateBuildStatus", newFlowBuildStatus); console.log("updateBuildStatus", newFlowBuildStatus);
}); });