fix: 뒤로가기 모달 버튼 순서변경

DDD-Community · Jan 10, 2025 · ab6bfc2 · ab6bfc2
1 parent 6878408
commit ab6bfc2
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 13 deletions.
diff --git a/src/app/board/[boardId]/decorate/_components/GoBackModal.tsx b/src/app/board/[boardId]/decorate/_components/GoBackModal.tsx
@@ -18,9 +18,9 @@ const GoBackModal = ({ isOpen, onClose, goBack }: GoBackModalProps) => (
         }
       </Modal.Content>
       <Modal.CenterConfirmCancel
-        confirmText="계속 꾸미기"
-        cancelText="뒤로 가기"
-        onCancel={goBack}
+        confirmText="뒤로 가기"
+        cancelText="계속 꾸미기"
+        onConfirm={goBack}
       />
     </Modal.CenterModal>
   </Modal>

diff --git a/src/components/Modal/index.tsx b/src/components/Modal/index.tsx
@@ -202,31 +202,24 @@ const CenterConfirmCancel = ({
   cancelText,
   confirmText,
   onConfirm = () => {},
-  onCancel = () => {},
 }: {
   cancelText: string
   confirmText: string
   onConfirm?: () => void
-  onCancel?: () => void
 }) => {
   const { onClose } = useContext(ModalContext)
 
-  const confirmHandler = () => {
+  const clickHandler = () => {
     onClose()
     onConfirm()
   }
 
-  const cancelHandler = () => {
-    onClose()
-    onCancel()
-  }
-
   return (
     <div className="my-4 flex gap-1.5">
-      <Button variant="secondary" size="sm" onClick={cancelHandler}>
+      <Button variant="secondary" size="sm" onClick={onClose}>
         {cancelText}
       </Button>
-      <Button variant="primary" size="sm" onClick={confirmHandler}>
+      <Button variant="primary" size="sm" onClick={clickHandler}>
         {confirmText}
       </Button>
     </div>