From 7023b2e6113edcfc8a4de99303fd9d5e3d0fcf34 Mon Sep 17 00:00:00 2001
From: Gautam krishna R <rgautamkrishna@gmail.com>
Date: Wed, 10 Apr 2024 09:15:48 +0000
Subject: [PATCH] added double click to open editor

---
 src/components/EditorCanvas/Table.jsx | 46 ++++++++++++++-------------
 1 file changed, 24 insertions(+), 22 deletions(-)

diff --git a/src/components/EditorCanvas/Table.jsx b/src/components/EditorCanvas/Table.jsx
index 740e4be..b42bd43 100644
--- a/src/components/EditorCanvas/Table.jsx
+++ b/src/components/EditorCanvas/Table.jsx
@@ -32,6 +32,28 @@ export default function Table(props) {
 
   const height =
     tableData.fields.length * tableFieldHeight + tableHeaderHeight + 7;
+  const openEditor = () => {
+    if (!layout.sidebar) {
+      setSelectedElement((prev) => ({
+        ...prev,
+        element: ObjectType.TABLE,
+        id: tableData.id,
+        open: true,
+      }));
+    } else {
+      setSelectedElement((prev) => ({
+        ...prev,
+        currentTab: Tab.TABLES,
+        element: ObjectType.TABLE,
+        id: tableData.id,
+        open: true,
+      }));
+      if (selectedElement.currentTab !== Tab.TABLES) return;
+      document
+        .getElementById(`scroll_table_${tableData.id}`)
+        .scrollIntoView({ behavior: "smooth" });
+    }
+  }
 
   return (
     <>
@@ -45,6 +67,7 @@ export default function Table(props) {
         onMouseDown={onMouseDown}
       >
         <div
+          onDoubleClick={openEditor}
           className={`border-2 hover:border-dashed hover:border-blue-500
                select-none rounded-lg w-full ${
                  settings.mode === "light"
@@ -80,28 +103,7 @@ export default function Table(props) {
                     opacity: "0.7",
                     marginRight: "6px",
                   }}
-                  onClick={() => {
-                    if (!layout.sidebar) {
-                      setSelectedElement((prev) => ({
-                        ...prev,
-                        element: ObjectType.TABLE,
-                        id: tableData.id,
-                        open: true,
-                      }));
-                    } else {
-                      setSelectedElement((prev) => ({
-                        ...prev,
-                        currentTab: Tab.TABLES,
-                        element: ObjectType.TABLE,
-                        id: tableData.id,
-                        open: true,
-                      }));
-                      if (selectedElement.currentTab !== Tab.TABLES) return;
-                      document
-                        .getElementById(`scroll_table_${tableData.id}`)
-                        .scrollIntoView({ behavior: "smooth" });
-                    }
-                  }}
+                  onClick={openEditor}
                 />
                 <Popover
                   content={