From f4877e33c4dac1f5368287360a41f8eb385e6d0e Mon Sep 17 00:00:00 2001 From: Gaeon Kim <rkdjs1104@ajou.ac.kr> Date: Sat, 25 Nov 2023 16:17:41 +0900 Subject: [PATCH] =?UTF-8?q?feat:=20create=20=EC=9D=BC=EC=A0=95=EC=82=AD?= =?UTF-8?q?=EC=A0=9C=EB=AA=A8=EB=8B=AC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/pages/deleteModal.js | 33 +++++++++++++++++++++++++++++++++ 1 file changed, 33 insertions(+) create mode 100644 src/pages/deleteModal.js diff --git a/src/pages/deleteModal.js b/src/pages/deleteModal.js new file mode 100644 index 0000000..e5f56a6 --- /dev/null +++ b/src/pages/deleteModal.js @@ -0,0 +1,33 @@ +// ScheduleItem.js + +import React from 'react'; +import delete_styles from './deleteModal.module.css'; +const ScheduleDeleteModal = ({ isOpen, onClose, onDelete, schedule }) => { + console.log('모달창:',isOpen); + if (schedule) { + const scheduleContent = schedule.target.id; + console.log('scheduleContent:', scheduleContent); + } + if (isOpen===true){ + return ( + <div className={delete_styles.Demodal}> + + {/* 삭제 모달 */} + <div className={delete_styles.Demodal_content}> + <div className={delete_styles.method_text}>어떤 방식으로 삭제하시겠습니까?</div> + + {/* <div>{scheduleContent}</div> */} + <button onClick={() => onDelete(schedule.id)}>하나만 삭제</button> + <button onClick={() => onDelete(schedule.id, 'afterDay')}>오늘 이후로 삭제</button> + <button onClick={() => onDelete(schedule.id, 'total')}>전체 삭제</button> + <button onClick={onClose}>취소</button> + </div> + </div> + + ); + } + +}; + + +export default ScheduleDeleteModal; -- GitLab