From 4324f3d53b268970554a1632110fe69fd37022ac Mon Sep 17 00:00:00 2001
From: minsik <pro.mskim0215@gmail.com>
Date: Thu, 31 Oct 2024 18:08:32 +0900
Subject: [PATCH] =?UTF-8?q?contextmenu=20list=20recoil=20=EC=B6=94?=
 =?UTF-8?q?=EA=B0=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/useContextMenu.js | 9 +++++----
 src/store/contextMenu.js    | 6 ++++++
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/hooks/useContextMenu.js b/src/hooks/useContextMenu.js
index e60b80ae..8a6226a1 100644
--- a/src/hooks/useContextMenu.js
+++ b/src/hooks/useContextMenu.js
@@ -23,7 +23,7 @@ import FlowDirectionSetting from '@/components/floor-plan/modal/flowDirection/Fl
 import { useCommonUtils } from './common/useCommonUtils'
 import { useMessage } from '@/hooks/useMessage'
 import { useCanvasEvent } from '@/hooks/useCanvasEvent'
-import { contextMenuState } from '@/store/contextMenu'
+import { contextMenuListState, contextMenuState } from '@/store/contextMenu'
 import ImageSizeSetting from '@/components/floor-plan/modal/image/ImageSizeSetting'
 import PanelEdit from '@/components/floor-plan/modal/module/PanelEdit'
 import DimensionLineSetting from '@/components/floor-plan/modal/dimensionLine/DimensionLineSetting'
@@ -36,7 +36,7 @@ import CircuitNumberEdit from '@/components/floor-plan/modal/module/CircuitNumbe
 export function useContextMenu() {
   const currentMenu = useRecoilValue(currentMenuState) // 현재 메뉴
   const setContextPopupPosition = useSetRecoilState(contextPopupPositionState) // 현재 메뉴
-  const [contextMenu, setContextMenu] = useState([[]]) // 메뉴.object 별 context menu
+  const [contextMenu, setContextMenu] = useRecoilState(contextMenuListState) // 메뉴.object 별 context menu
   const [currentContextMenu, setCurrentContextMenu] = useRecoilState(contextPopupState) // 선택한 contextMenu
   const currentObject = useRecoilValue(currentObjectState)
   const { getMessage } = useMessage()
@@ -221,9 +221,10 @@ export function useContextMenu() {
     if (menu?.fn) {
       menu.fn()
     }
+
     setContextPopupPosition({
-      x: e?.clientX,
-      y: e?.clientY,
+      x: window.innerWidth / 2,
+      y: 180,
     })
     setCurrentContextMenu(menu)
     setQContextMenu({ ...qContextMenu, visible: false })
diff --git a/src/store/contextMenu.js b/src/store/contextMenu.js
index 31b18f53..b97fea65 100644
--- a/src/store/contextMenu.js
+++ b/src/store/contextMenu.js
@@ -9,3 +9,9 @@ export const contextMenuState = atom({
   },
   dangerouslyAllowMutability: true,
 })
+
+export const contextMenuListState = atom({
+  key: 'contextMenuListState',
+  default: null,
+  dangerouslyAllowMutability: true,
+})