shoc-frontend-new/src/pages/PmSchedule/list/Delete.js

import React from "react";
import { deleteContact } from "./api";

export default function DeleteModal({ open, item, onClose, onSuccess }) {
  if(!open) return null;
  const handleDelete=()=>{ deleteContact(item.id).then(()=>onSuccess()); };
  return (
    <div className="modalRoot">
      <div className="modalScrim" onClick={onClose}/>
      <div className="modalCard">
        <div className="modalHeader"><div className="modalTitle">Delete Item?</div><button onClick={onClose}>✕</button></div>
        <div className="modalBody">
          <div>Are you sure you want to delete this contact?</div>
          <div className="modalActions">
            <button onClick={onClose}>Cancel</button>
            <button onClick={handleDelete}>Delete</button>
          </div>
        </div>
      </div>
    </div>
  );
}