From b0a9e91d077e161208a329a66442ec2fcb97990f Mon Sep 17 00:00:00 2001
From: minsik <pro.mskim0215@gmail.com>
Date: Wed, 6 Nov 2024 15:47:04 +0900
Subject: [PATCH] =?UTF-8?q?=EC=B4=88=EA=B8=B0=20position=20=EC=84=B8?=
 =?UTF-8?q?=ED=8C=85=20=EC=88=98=EC=A0=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/common/draggable/WithDraggable.jsx    | 12 ++++++------
 .../placementSurface/PlacementSurfaceSetting.jsx     |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/common/draggable/WithDraggable.jsx b/src/components/common/draggable/WithDraggable.jsx
index 29952981..76656837 100644
--- a/src/components/common/draggable/WithDraggable.jsx
+++ b/src/components/common/draggable/WithDraggable.jsx
@@ -1,18 +1,18 @@
 'use client'
 
-import { useEffect, useState } from 'react'
+import { useState } from 'react'
 import Draggable from 'react-draggable'
 
-export default function WithDraggable({ isShow, children, pos, handle = '' }) {
-  const [position, setPosition] = useState({ x: 0, y: 0 })
+export default function WithDraggable({ isShow, children, pos = { x: 0, y: 0 }, handle = '' }) {
+  const [position, setPosition] = useState(pos)
 
   const handleOnDrag = (e, data) => {
     e.stopPropagation()
     setPosition({ x: data.x, y: data.y })
   }
-  useEffect(() => {
-    setPosition({ ...pos })
-  }, [])
+  // useEffect(() => {
+  //   setPosition({ ...pos })
+  // }, [])
 
   return (
     <>
diff --git a/src/components/floor-plan/modal/placementSurface/PlacementSurfaceSetting.jsx b/src/components/floor-plan/modal/placementSurface/PlacementSurfaceSetting.jsx
index c22d2248..431e0f85 100644
--- a/src/components/floor-plan/modal/placementSurface/PlacementSurfaceSetting.jsx
+++ b/src/components/floor-plan/modal/placementSurface/PlacementSurfaceSetting.jsx
@@ -240,7 +240,7 @@ export default function PlacementSurfaceSetting({ id, pos = { x: 50, y: 230 } })
   }, [])
 
   return (
-    <WithDraggable isShow={true} pos={{ x: 50, y: 230 }}>
+    <WithDraggable isShow={true} pos={pos}>
       <div className={`modal-pop-wrap lr-2`}>
         <div className="modal-head">
           <h1 className="title">{getMessage('plan.menu.placement.surface.arrangement')} </h1>