diff --git a/src/pages/deleteModal.js b/src/pages/deleteModal.js new file mode 100644 index 0000000000000000000000000000000000000000..e5f56a6ef44b552ed82ad48d0ceaf83511298403 --- /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;