From a3b62db4fa521e3fbc865c76dcd51d21cf5fee2c Mon Sep 17 00:00:00 2001
From: "hyojun.choi" <chlgkwk123@nate.com>
Date: Thu, 17 Apr 2025 16:35:06 +0900
Subject: [PATCH] =?UTF-8?q?=EC=A7=80=EB=B6=95=EB=8D=AE=EA=B0=9C=20?=
 =?UTF-8?q?=EB=A9=94=EB=89=B4=20-=20=EB=B3=B5=EB=8F=84=EC=B9=98=EC=88=98?=
 =?UTF-8?q?=20=EC=A0=81=EC=9A=A9=20=EA=B7=B8=20=EC=99=B8=20=EB=A9=94?=
 =?UTF-8?q?=EB=89=B4=20-=20=EC=8B=A4=EC=B9=98=EC=88=98=20=EC=A0=81?=
 =?UTF-8?q?=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/hooks/common/useMenu.js | 40 ++++++++++++++++++++++++++++++++++++-
 1 file changed, 39 insertions(+), 1 deletion(-)

diff --git a/src/hooks/common/useMenu.js b/src/hooks/common/useMenu.js
index 7fdd6a31..4261d7e6 100644
--- a/src/hooks/common/useMenu.js
+++ b/src/hooks/common/useMenu.js
@@ -16,12 +16,13 @@ import { usePopup } from '@/hooks/usePopup'
 import { useState } from 'react'
 import { v4 as uuidv4 } from 'uuid'
 import { useSurfaceShapeBatch } from '@/hooks/surface/useSurfaceShapeBatch'
-import { useRecoilValue } from 'recoil'
+import { useRecoilState, useRecoilValue } from 'recoil'
 import { canvasState, currentMenuState } from '@/store/canvasAtom'
 import { MENU } from '@/common/common'
 import { useTrestle } from '@/hooks/module/useTrestle'
 import { usePolygon } from '@/hooks/usePolygon'
 import { useOrientation } from '@/hooks/module/useOrientation'
+import { settingModalFirstOptionsState } from '@/store/settingAtom'
 
 /**
  * 메뉴 처리 훅
@@ -36,8 +37,21 @@ export default function useMenu() {
   const { deleteAllSurfacesAndObjects } = useSurfaceShapeBatch({})
   const { clear: trestleClear, setAllModuleSurfaceIsComplete } = useTrestle()
   const { nextStep } = useOrientation()
+  const [settingModalFirstOptions, setSettingModalFirstOptions] = useRecoilState(settingModalFirstOptionsState)
   const handleMenu = (type) => {
     if (type === 'outline') {
+      setSettingModalFirstOptions((prev) => {
+        return {
+          ...prev,
+          dimensionDisplay: prev.dimensionDisplay.map((item, index) => {
+            if (index === 0) {
+              return { ...item, selected: true }
+            } else {
+              return { ...item, selected: false }
+            }
+          }),
+        }
+      })
       switch (currentMenu) {
         case MENU.ROOF_COVERING.EXTERIOR_WALL_LINE:
           addPopup(popupId, 1, <WallLineSetting id={popupId} />)
@@ -67,6 +81,18 @@ export default function useMenu() {
     }
 
     if (type === 'surface') {
+      setSettingModalFirstOptions((prev) => {
+        return {
+          ...prev,
+          dimensionDisplay: prev.dimensionDisplay.map((item, index) => {
+            if (index === 1) {
+              return { ...item, selected: true }
+            } else {
+              return { ...item, selected: false }
+            }
+          }),
+        }
+      })
       switch (currentMenu) {
         // case MENU.BATCH_CANVAS.SLOPE_SETTING:
         //   addPopup(popupId, 1, <Slope id={popupId} />)
@@ -87,6 +113,18 @@ export default function useMenu() {
     }
 
     if (type === 'module') {
+      setSettingModalFirstOptions((prev) => {
+        return {
+          ...prev,
+          dimensionDisplay: prev.dimensionDisplay.map((item, index) => {
+            if (index === 1) {
+              return { ...item, selected: true }
+            } else {
+              return { ...item, selected: false }
+            }
+          }),
+        }
+      })
       switch (currentMenu) {
         case MENU.MODULE_CIRCUIT_SETTING.BASIC_SETTING:
           trestleClear()