⭐ feat: Node execution progress bar

mahesh-gfx · Sep 10, 2024 · 03a1aec · 03a1aec
1 parent 43ed7d1
commit 03a1aec
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/packages/frontend/src/components/nodes/DefaultNode.tsx b/packages/frontend/src/components/nodes/DefaultNode.tsx
@@ -6,10 +6,13 @@ import { WorkflowContext } from "../../context/WorkflowContext";
 import { camelCaseToTitleCase, getContrastColor } from "@data-viz-tool/shared";
 import CustomHandle from "../handle/CustomHandle";
 import IconLoader from "../ComponentLoader";
+import LinearProgress from "@mui/material/LinearProgress";
 
 const DefaultNode = ({ id, data, def, type, children }: any) => {
-  const { deleteNodeById, edges, setEdges } = useContext(WorkflowContext);
+  const { deleteNodeById, edges, executionResults, isExecuting } =
+    useContext(WorkflowContext);
   const { getNode } = useReactFlow();
+  const isExecuted = executionResults.hasOwnProperty(`${id}`);
 
   const handleDelete = () => {
     deleteNodeById(id);
@@ -95,6 +98,11 @@ const DefaultNode = ({ id, data, def, type, children }: any) => {
           )}
         </div>
       </div>
+      <div style={{ width: "100%", height: "5px" }}>
+        {!isExecuted && isExecuting && (
+          <LinearProgress style={{ height: "3px" }} />
+        )}
+      </div>
       {data?.properties && (
         <div style={{ padding: "5px 10px" }}>
           {data.properties != null &&