From 94a076c9bcff32640a438d34d3e6c6a650eb7987 Mon Sep 17 00:00:00 2001
From: tasnim <tasnim0tantawi@gmail.com>
Date: Mon, 5 Aug 2024 11:31:11 +0300
Subject: [PATCH] rtl-fix address issues

---
 src/components/EditorHeader/ControlPanel.jsx           | 2 +-
 src/components/EditorSidePanel/TablesTab/TableInfo.jsx | 1 +
 src/components/Workspace.jsx                           | 5 ++---
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/EditorHeader/ControlPanel.jsx b/src/components/EditorHeader/ControlPanel.jsx
index f0acd78..31ecfbb 100644
--- a/src/components/EditorHeader/ControlPanel.jsx
+++ b/src/components/EditorHeader/ControlPanel.jsx
@@ -1385,7 +1385,7 @@ export default function ControlPanel({
           <Divider layout="vertical" margin="8px" />
           <Dropdown
             style={{ width: "240px" }}
-            position="bottomLeft"
+            position={isRtl(i18n.language) ? "bottomRight" : "bottomLeft"}
             render={
               <Dropdown.Menu
                 style={isRtl(i18n.language) ? { direction: "rtl" } : {}}
diff --git a/src/components/EditorSidePanel/TablesTab/TableInfo.jsx b/src/components/EditorSidePanel/TablesTab/TableInfo.jsx
index 05a61b5..a832132 100644
--- a/src/components/EditorSidePanel/TablesTab/TableInfo.jsx
+++ b/src/components/EditorSidePanel/TablesTab/TableInfo.jsx
@@ -63,6 +63,7 @@ export default function TableInfo({ data }) {
         <div
           key={"field_" + j}
           className={`cursor-pointer ${drag.draggingOverIndexList.includes(j) ? "opacity-25" : ""}`}
+          style={{ direction: "ltr" }}
           draggable
           onDragStart={() => {
             setDrag((prev) => ({ ...prev, draggingElementIndex: j }));
diff --git a/src/components/Workspace.jsx b/src/components/Workspace.jsx
index b4ba6ca..4d8c803 100644
--- a/src/components/Workspace.jsx
+++ b/src/components/Workspace.jsx
@@ -23,7 +23,6 @@ import { Modal } from "@douyinfe/semi-ui";
 import { useTranslation } from "react-i18next";
 import { databases } from "../data/databases";
 import { isRtl } from "../i18n/utils/rtl";
-import i18n from "../i18n/i18n";
 
 export default function WorkSpace() {
   const [id, setId] = useState(0);
@@ -51,11 +50,11 @@ export default function WorkSpace() {
     setDatabase,
   } = useDiagram();
   const { undoStack, redoStack, setUndoStack, setRedoStack } = useUndoRedo();
-  const { t } = useTranslation();
+  const { t, i18n } = useTranslation();
 
   const handleResize = (e) => {
     if (!resize) return;
-    const w = e.clientX;
+    const w = isRtl(i18n.language) ? window.innerWidth - e.clientX : e.clientX;
     if (w > 340) setWidth(w);
   };