😀fix: canvas 저장 버튼/ 나가기 버튼 문구 및 이벤트 정리

src/components/floor-plan/CanvasMenu.jsx

@@ -245,6 +245,23 @@ export default function CanvasMenu(props) {
     await saveCanvas()
   }
 
+  // 나가기 버튼 클릭
+  const handleLeaveCanvas = () => {
+    swalFire({
+      text: getMessage('plan.message.leave'),
+      type: 'confirm',
+      confirmButtonText: getMessage('plan.message.corfirm.yes'),
+      cancelButtonText: getMessage('plan.message.confirm.no'),
+      confirmFn: async () => {
+        await handleSaveCanvas()
+        router.push(`/management/stuff/detail?objectNo=${objectNo}`)
+      },
+      denyFn: () => {
+        router.push(`/management/stuff/detail?objectNo=${objectNo}`)
+      },
+    })
+  }
+
   const [placementInitialId, setPlacementInitialId] = useState(uuidv4())
   const placementInitialProps = {
     id: placementInitialId,
@@ -531,7 +548,7 @@ export default function CanvasMenu(props) {
               </div>
               <div className="btn-from">
                 <button className="btn08" onClick={handleSaveCanvas}></button>
-                <button className="btn09"></button>
+                <button className="btn09" onClick={handleLeaveCanvas}></button>
               </div>
             </>
           )}

src/hooks/usePlan.js

@@ -181,6 +181,7 @@ export function usePlan(params = {}) {
           setPlans((plans) => [...plans, { id: res.data, objectNo: objectNo, planNo: planNo, userId: userId, canvasStatus: canvasStatus }])
         }
         updateCurrentPlan(res.data)
+        swalFire({ text: getMessage('plan.message.save') })
       })
       .catch((error) => {
         swalFire({ text: error.message, icon: 'error' })
@@ -200,6 +201,7 @@ export function usePlan(params = {}) {
     await promisePut({ url: '/api/canvas-management/canvas-statuses', data: planData })
       .then((res) => {
         setPlans((plans) => plans.map((plan) => (plan.id === currentCanvasPlan.id ? { ...plan, canvasStatus: canvasStatus } : plan)))
+        swalFire({ text: getMessage('plan.message.save') })
       })
       .catch((error) => {
         swalFire({ text: error.message, icon: 'error' })

src/locales/ja.json

@@ -305,6 +305,9 @@
   "plan.message.confirm.delete": "PLAN을 삭제하시겠습니까?",
   "plan.message.save": "저장되었습니다.",
   "plan.message.delete": "삭제되었습니다.",
+  "plan.message.leave": "작성한 물건을 저장하시겠습니까? [아니오]를 선택한 경우, 저장하지 않고 물건현황 목록으로 이동합니다.",
+  "plan.message.confirm.yes": "예",
+  "plan.message.confirm.no": "아니오",
   "setting": "設定",
   "delete": "삭제(JA)",
   "delete.all": "전체 삭제(JA)",

src/locales/ko.json

@@ -310,6 +310,9 @@
   "plan.message.confirm.delete": "PLAN을 삭제하시겠습니까?",
   "plan.message.save": "저장되었습니다.",
   "plan.message.delete": "삭제되었습니다.",
+  "plan.message.leave": "작성한 물건을 저장하시겠습니까? [아니오]를 선택한 경우, 저장하지 않고 물건현황 목록으로 이동합니다.",
+  "plan.message.corfirm.yes": "예",
+  "plan.message.confirm.no": "아니오",
   "setting": "설정",
   "delete": "삭제",
   "delete.all": "전체 삭제",