- 점.선 그리드 모달 추가

src/components/floor-plan/CanvasMenu.jsx

@@ -15,6 +15,7 @@ import { MENU } from '@/common/common'
 
 import KO from '@/locales/ko.json'
 import JA from '@/locales/ja.json'
+import { settingModalFirstOptionsState } from '@/store/settingAtom'
 
 const canvasMenus = [
   { index: 0, name: 'plan.menu.plan.drawing', icon: 'con00' },
@@ -160,16 +161,16 @@ export default function CanvasMenu(props) {
               {getMessage('plan.menu.simulation')}
             </button>
           </li>
-          {canvasMenus.map((menu) => {
+          {/*{canvasMenus.map((menu) => {*/}
-            return (
+          {/*  return (*/}
-              <li key={menu.index} className={`canvas-menu-item ${menuNumber === menu.index ? 'active' : ''}`} onClick={() => onClickNav(menu.index)}>
+          {/*    <li key={menu.index} className={`canvas-menu-item ${menuNumber === menu.index ? 'active' : ''}`} onClick={() => onClickNav(menu.index)}>*/}
-                <button>
+          {/*      <button>*/}
-                  <span className={`menu-icon ${menu.icon}`}></span>
+          {/*        <span className={`menu-icon ${menu.icon}`}></span>*/}
-                  {getMessage(menu.name)}
+          {/*        {getMessage(menu.name)}*/}
-                </button>
+          {/*      </button>*/}
-              </li>
+          {/*    </li>*/}
-            )
+          {/*  )*/}
-          })}
+          {/*})}*/}
         </ul>
         <div className="canvas-side-btn-wrap">
           {menuNumber !== 6 && menuNumber !== 5 && (
@@ -183,9 +184,6 @@ export default function CanvasMenu(props) {
                 <div className={`vertical-horizontal ${verticalHorizontalMode ? 'on' : ''}`}>
                   <span>{getMessage('plan.mode.vertical.horizontal')}</span>
                   <button onClick={() => setVerticalHorizontalMode(!verticalHorizontalMode)}>{verticalHorizontalMode ? 'ON' : 'OFF'}</button>
-                <div className={`vertical-horizontal ${vertical ? 'on' : ''}`}>
-                  <span>{getMessage(vertical ? 'plan.mode.vertical.horizontal' : 'plan.mode.free')}</span>
-                  <button onClick={() => setVertical(!vertical)}>{vertical ? 'ON' : 'OFF'}</button>
                 </div>
               )}
               <div className="select-box">

src/components/floor-plan/FloorPlan.jsx

@@ -1,17 +1,15 @@
 'use client'
 
 import { useEffect, useState } from 'react'
-import { useRecoilValue, useRecoilState } from 'recoil'
+import { useRecoilState, useRecoilValue } from 'recoil'
 import { useAxios } from '@/hooks/useAxios'
 import { globalLocaleStore } from '@/store/localeAtom'
 import { settingModalFirstOptionsState, settingModalSecondOptionsState } from '@/store/settingAtom'
-import { useEffect, useState } from 'react'
 import '@/styles/contents.scss'
 import CanvasMenu from '@/components/floor-plan/CanvasMenu'
 import SettingModal01 from '@/components/floor-plan/modal/setting01/SettingModal01'
 import CanvasLayout from '@/components/floor-plan/CanvasLayout'
 import OuterLineWall from '@/components/floor-plan/modal/outerlinesetting/OuterLineWall'
-import '@/styles/contents.scss'
 import DotLineGrid from '@/components/floor-plan/modal/grid/DotLineGrid'
 
 export default function FloorPlan() {

src/components/floor-plan/MenuDepth01.jsx

@@ -16,11 +16,8 @@ export default function MenuDepth01(props) {
     setActiveMenu(menu)
     setShowOutlineModal(menu === MENU.ROOF_COVERING.EXTERIOR_WALL_LINE)
     setCurrentMenu(menu)
-  const onClickMenu = (menuNum) => {
-    setActiveMenu(menuNum)
-    console.log(menuNum)
     if (type === 'outline') {
-      setShowOutlineModal(menuNum === 0)
+      setShowOutlineModal(id === 0)
     }
   }
 
@@ -45,7 +42,11 @@ export default function MenuDepth01(props) {
     module: [
       // 모듈, 회로 구성
       { id: 0, name: 'plan.menu.module.circuit.setting.default', menu: MENU.MODULE_CIRCUIT_SETTING.BASIC_SETTING },
-      { id: 1, name: 'plan.menu.module.circuit.setting.circuit.trestle.setting', menu: MENU.MODULE_CIRCUIT_SETTING.CIRCUIT_TRESTLE_SETTING },
+      {
+        id: 1,
+        name: 'plan.menu.module.circuit.setting.circuit.trestle.setting',
+        menu: MENU.MODULE_CIRCUIT_SETTING.CIRCUIT_TRESTLE_SETTING,
+      },
     ],
   }
   return (