From 03a1aeca4f96ada811208c4b72b4a416d0f13fb0 Mon Sep 17 00:00:00 2001
From: Mahesh Adhikari <62585493+mahesh-gfx@users.noreply.github.com>
Date: Tue, 10 Sep 2024 16:41:44 +0100
Subject: [PATCH] :star: feat: Node execution progress bar

---
 packages/frontend/src/components/nodes/DefaultNode.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/packages/frontend/src/components/nodes/DefaultNode.tsx b/packages/frontend/src/components/nodes/DefaultNode.tsx
index b458b78..76fb155 100644
--- 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 &&