From fd5ac36fdb7b7b22f4fc4a4be8c5d02dfa87e46a Mon Sep 17 00:00:00 2001
From: Jerald-Golden-B <jerald@hexrfactory.com>
Date: Fri, 17 Oct 2025 18:04:59 +0530
Subject: [PATCH] Refactor ControlPanel component for improved readability and
 remove pointer-events from the dashboard styles

---
 .../SimulationDashboard/ControlPanel.tsx       | 18 +++---------------
 .../_simulationDashBoard.scss                  |  2 --
 2 files changed, 3 insertions(+), 17 deletions(-)

diff --git a/app/src/components/SimulationDashboard/ControlPanel.tsx b/app/src/components/SimulationDashboard/ControlPanel.tsx
index 06b92ea..5fa2691 100644
--- a/app/src/components/SimulationDashboard/ControlPanel.tsx
+++ b/app/src/components/SimulationDashboard/ControlPanel.tsx
@@ -8,19 +8,10 @@ interface ControlPanelProps {
     setShowDataModelPanel: (show: boolean) => void;
 }
 
-const ControlPanel: React.FC<ControlPanelProps> = ({
-    editMode,
-    setEditMode,
-    addBlock,
-    showDataModelPanel,
-    setShowDataModelPanel,
-}) => {
+const ControlPanel: React.FC<ControlPanelProps> = ({ editMode, setEditMode, addBlock, showDataModelPanel, setShowDataModelPanel }) => {
     return (
         <div className="control-panel">
-            <button
-                onClick={() => setEditMode(!editMode)}
-                className={`control-button ${editMode ? "edit-mode-active" : ""}`}
-            >
+            <button onClick={() => setEditMode(!editMode)} className={`control-button ${editMode ? "edit-mode-active" : ""}`}>
                 {editMode ? "Exit Edit Mode" : "Edit Dashboard"}
             </button>
             {editMode && (
@@ -28,10 +19,7 @@ const ControlPanel: React.FC<ControlPanelProps> = ({
                     <button onClick={addBlock} className="control-button primary">
                         Add Block
                     </button>
-                    <button
-                        onClick={() => setShowDataModelPanel(!showDataModelPanel)}
-                        className="control-button secondary"
-                    >
+                    <button onClick={() => setShowDataModelPanel(!showDataModelPanel)} className="control-button secondary">
                         {showDataModelPanel ? "Hide Data Model" : "Show Data Model"}
                     </button>
                 </>
diff --git a/app/src/styles/components/simulationDashboard/_simulationDashBoard.scss b/app/src/styles/components/simulationDashboard/_simulationDashBoard.scss
index 617bc29..84fba4e 100644
--- a/app/src/styles/components/simulationDashboard/_simulationDashBoard.scss
+++ b/app/src/styles/components/simulationDashboard/_simulationDashBoard.scss
@@ -11,8 +11,6 @@
     top: 0;
     left: 0;
 
-    pointer-events: none;
-
     .control-panel {
         margin-bottom: 20px;
         display: flex;