Dwinzo-Beta/Dwinzo_Demo
4
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

feat: implement simulation dashboard editor with element and block configuration components.

Browse Source
This commit is contained in:
Jerald-Golden-B
2025-12-20 09:52:07 +05:30
parent 525bfb6541
commit e9d0a98a49
4 changed files with 8 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
app/src/components/SimulationDashboard/DashboardEditor.tsx
View File

@@ -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)}

2
app/src/components/SimulationDashboard/components/block/BlockComponent.tsx
View File

@@ -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 && (

3
app/src/components/SimulationDashboard/components/element/ElementComponent.tsx
View File

@@ -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>
</>
)}

5
app/src/components/SimulationDashboard/components/element/ElementEditor.tsx
View File

@@ -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);