평면도 확정 시 확인 다이얼로그 추가 (버튼/Enter 키)

src/components/floor-plan/modal/placementShape/PlacementShapeDrawing.jsx

@@ -9,11 +9,13 @@ import { OUTER_LINE_TYPE } from '@/store/outerLineAtom'
 import OuterLineWall from '@/components/floor-plan/modal/lineTypes/OuterLineWall'
 import { usePlacementShapeDrawing } from '@/hooks/surface/usePlacementShapeDrawing'
 import { usePopup } from '@/hooks/usePopup'
+import { useSwal } from '@/hooks/useSwal'
 import Image from 'next/image'
 
 export default function PlacementShapeDrawing({ id, pos = { x: 50, y: 230 } }) {
   const { getMessage } = useMessage()
   const { closePopup } = usePopup()
+  const { swalFire } = useSwal()
   const [buttonAct, setButtonAct] = useState(1)
   const [useCalcPad, setUseCalcPad] = useState(false)
   const types = [
@@ -155,7 +157,16 @@ export default function PlacementShapeDrawing({ id, pos = { x: 50, y: 230 } }) {
           <button className="btn-frame modal mr5" onClick={handleRollback}>
             {getMessage('modal.cover.outline.rollback')}
           </button>
-          <button className="btn-frame modal act" onClick={handleFix}>
+          <button
+            className="btn-frame modal act"
+            onClick={() => {
+              swalFire({
+                type: 'confirm',
+                text: getMessage('modal.cover.outline.fix.confirm'),
+                confirmFn: handleFix,
+              })
+            }}
+          >
             {getMessage('modal.placement.surface.drawing.fix')}
           </button>
         </div>

src/hooks/surface/usePlacementShapeDrawing.js

@@ -22,6 +22,8 @@ import {
 import { usePolygon } from '@/hooks/usePolygon'
 import { POLYGON_TYPE } from '@/common/common'
 import { usePopup } from '@/hooks/usePopup'
+import { useSwal } from '@/hooks/useSwal'
+import { useMessage } from '@/hooks/useMessage'
 import { useSurfaceShapeBatch } from './useSurfaceShapeBatch'
 
 import { roofDisplaySelector } from '@/store/settingAtom'
@@ -48,6 +50,8 @@ export function usePlacementShapeDrawing(id) {
   const { setSurfaceShapePattern } = useRoofFn()
   const { changeSurfaceLineType } = useSurfaceShapeBatch({})
   const { handleSelectableObjects } = useObject()
+  const { swalFire } = useSwal()
+  const { getMessage } = useMessage()
 
   const verticalHorizontalMode = useRecoilValue(verticalHorizontalModeState)
   const adsorptionRange = useRecoilValue(adsorptionRangeState)
@@ -1089,7 +1093,11 @@ export function usePlacementShapeDrawing(id) {
 
   const enterCheck = (e) => {
     if (e.key === 'Enter') {
-      handleFix()
+      swalFire({
+        type: 'confirm',
+        text: getMessage('modal.cover.outline.fix.confirm'),
+        confirmFn: handleFix,
+      })
     }
   }