From e9d0a98a49b691dbd4b902ed6e7bc9c8f7c8fe64 Mon Sep 17 00:00:00 2001
From: Jerald-Golden-B <jerald@hexrfactory.com>
Date: Sat, 20 Dec 2025 09:52:07 +0530
Subject: [PATCH] feat: implement simulation dashboard editor with element and
 block configuration components.

---
 app/src/components/SimulationDashboard/DashboardEditor.tsx | 7 ++++---
 .../components/block/BlockComponent.tsx                    | 2 +-
 .../components/element/ElementComponent.tsx                | 3 +--
 .../components/element/ElementEditor.tsx                   | 5 ++---
 4 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/app/src/components/SimulationDashboard/DashboardEditor.tsx b/app/src/components/SimulationDashboard/DashboardEditor.tsx
index 10e8453..970ed4e 100644
--- a/app/src/components/SimulationDashboard/DashboardEditor.tsx
+++ b/app/src/components/SimulationDashboard/DashboardEditor.tsx
@@ -435,9 +435,10 @@ const DashboardEditor: React.FC = () => {
                     swapSource={swapSource}
                     calculateMinBlockSize={calculateMinBlockSize}
                     handleBlockClick={(blockId, event) => handleBlockClick(blockId, event, editMode, setSelectedBlock, setSelectedElement, setShowSwapUI, setShowElementDropdown, showElementDropdown)}
-                    handleElementClick={(blockId, elementId, event) =>
-                        handleElementClick(blockId, elementId, event, editMode, setSelectedElement, setSelectedBlock, setShowSwapUI, setShowElementDropdown)
-                    }
+                    handleElementClick={(blockId, elementId, event) => {
+                        handleBlockClick(blockId, event, editMode, setSelectedBlock, setSelectedElement, setShowSwapUI, setShowElementDropdown, showElementDropdown);
+                        handleElementClick(blockId, elementId, event, editMode, setSelectedElement, setSelectedBlock, setShowSwapUI, setShowElementDropdown);
+                    }}
                     handleElementDragStart={(elementId, event) => handleElementDragStart(elementId, event, currentElement, setDraggingElement, setElementDragOffset)}
                     handleElementResizeStart={(elementId, event) => handleElementResizeStart(elementId, event, setResizingElement, setResizeStart)}
                     handleBlockResizeStart={(blockId, event) => handleBlockResizeStart(blockId, event, setResizingBlock, setResizeStart)}
diff --git a/app/src/components/SimulationDashboard/components/block/BlockComponent.tsx b/app/src/components/SimulationDashboard/components/block/BlockComponent.tsx
index 8ec7fb8..a4dab05 100644
--- a/app/src/components/SimulationDashboard/components/block/BlockComponent.tsx
+++ b/app/src/components/SimulationDashboard/components/block/BlockComponent.tsx
@@ -78,7 +78,7 @@ const BlockComponent: React.FC<BlockComponentProps> = ({
                 zIndex: block.zIndex || 1,
                 cursor: isDraggable ? "move" : "pointer",
             }}
-            onMouseDown={handleMouseDown}
+            onClick={handleMouseDown}
         >
             {/* Add Element Button */}
             {editMode && isSelected && (
diff --git a/app/src/components/SimulationDashboard/components/element/ElementComponent.tsx b/app/src/components/SimulationDashboard/components/element/ElementComponent.tsx
index 1cfeed6..2c57bf1 100644
--- a/app/src/components/SimulationDashboard/components/element/ElementComponent.tsx
+++ b/app/src/components/SimulationDashboard/components/element/ElementComponent.tsx
@@ -80,9 +80,8 @@ const ElementComponent: React.FC<ElementComponentProps> = ({
                             Swap
                         </button>
                     )}
-                    <div className="resize-handle" onMouseDown={(e) => handleElementResizeStart(element.elementUuid, e)} >
+                    <div className="resize-handle" onMouseDown={(e) => handleElementResizeStart(element.elementUuid, e)}>
                         <ResizeIcon />
-
                     </div>
                 </>
             )}
diff --git a/app/src/components/SimulationDashboard/components/element/ElementEditor.tsx b/app/src/components/SimulationDashboard/components/element/ElementEditor.tsx
index 1492cd8..2b43af4 100644
--- a/app/src/components/SimulationDashboard/components/element/ElementEditor.tsx
+++ b/app/src/components/SimulationDashboard/components/element/ElementEditor.tsx
@@ -56,9 +56,8 @@ const ElementEditor: React.FC<ElementEditorProps> = ({
     setSwapSource,
     setShowSwapUI,
 }) => {
-    const { simulationDashBoardStore, productStore, analysisStore } = useSceneContext();
-    const { products, selectedProduct, getProductById, getEventByModelUuid } = productStore();
-    const { analysis } = analysisStore();
+    const { simulationDashBoardStore, productStore } = useSceneContext();
+    const { selectedProduct, getProductById, getEventByModelUuid } = productStore();
     const product = getProductById(selectedProduct.productUuid);
     const { getElementById } = simulationDashBoardStore();
     const element = getElementById(selectedBlock, selectedElement);