admin/marco.pms.web
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases Wiki Activity

showing custom delete confirmation modal in master module until API is ready #82

Merged
vikas.nale merged 1 commits from pramod_Bug#141 into Issue_May_2W 2025-05-08 10:13:50 +00:00
Conversation 0 Commits 1 Files Changed 1 +44 -22
1 changed files with 44 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit fe9d0ff986 - Show all commits

66
src/components/master/MasterModal.jsx
View File

@ -1,4 +1,4 @@
import React from "react"; import React, { useState, useEffect } from "react";
import CreateRole from "./CreateRole"; import CreateRole from "./CreateRole";
import DeleteMaster from "./DeleteMaster"; import DeleteMaster from "./DeleteMaster";
@ -7,8 +7,41 @@ import CreateJobRole from "./CreateJobRole";
import EditJobRole from "./EditJobRole"; import EditJobRole from "./EditJobRole";
import CreateActivity from "./CreateActivity"; import CreateActivity from "./CreateActivity";
import EditActivity from "./EditActivity"; import EditActivity from "./EditActivity";
import ConfirmModal from "../common/ConfirmModal";
const MasterModal = ({ modaldata, closeModal }) => { const MasterModal = ({ modaldata, closeModal }) => {
const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false);
useEffect(() => {
if (modaldata?.modalType === "delete") {
setIsDeleteModalOpen(true);
}
}, [modaldata]);
const handleCloseDeleteModal = () => {
setIsDeleteModalOpen(false);
closeModal();
};
if (modaldata?.modalType === "delete" && isDeleteModalOpen) {
return (
<div
className="modal fade show"
tabIndex="-1"
role="dialog"
style={{ display: "block", backgroundColor: "rgba(0,0,0,0.5)" }}
aria-hidden="false"
>
<ConfirmModal
type="delete"
header={`Delete ${modaldata.masterType}`}
message={"comming soon.."}
onClose={handleCloseDeleteModal}
/>
</div>
);
}
return ( return (
<div <div
className="modal fade" className="modal fade"
@ -20,9 +53,7 @@ const MasterModal = ({ modaldata, closeModal }) => {
> >
<div <div
className={`modal-dialog mx-sm-auto mx-1 ${ className={`modal-dialog mx-sm-auto mx-1 ${
["Application Role", "Edit-Application Role"].includes( ["Application Role", "Edit-Application Role"].includes(modaldata?.modalType)
modaldata?.modalType
)
? "modal-lg" ? "modal-lg"
: "modal-md" : "modal-md"
} modal-simple`} } modal-simple`}
@ -36,33 +67,24 @@ const MasterModal = ({ modaldata, closeModal }) => {
aria-label="Close" aria-label="Close"
onClick={closeModal} onClick={closeModal}
></button> ></button>
<div className="text-center mb-2"></div>
{modaldata?.modalType === "Application Role" && ( {modaldata.modalType === "Application Role" && (
<CreateRole <CreateRole masmodalType={modaldata.masterType} onClose={closeModal} />
masmodalType={modaldata.masterType}
onClose={closeModal}
/>
)} )}
{modaldata?.modalType === "Edit-Application Role" && ( {modaldata.modalType === "Edit-Application Role" && (
<EditRole master={modaldata} onClose={closeModal} /> <EditRole master={modaldata} onClose={closeModal} />
)} )}
{modaldata?.modalType === "delete" && ( {modaldata.modalType === "Job Role" && (
<DeleteMaster master={modaldata} onClose={closeModal} />
)}
{modaldata?.modalType === "Job Role" && (
<CreateJobRole onClose={closeModal} /> <CreateJobRole onClose={closeModal} />
)} )}
{modaldata?.modalType === "Edit-Job Role" && ( {modaldata.modalType === "Edit-Job Role" && (
<EditJobRole data={modaldata.item} onClose={closeModal} /> <EditJobRole data={modaldata.item} onClose={closeModal} />
)} )}
{modaldata?.modalType === "Activity" && ( {modaldata.modalType === "Activity" && (
<CreateActivity onClose={closeModal} /> <CreateActivity onClose={closeModal} />
)} )}
{modaldata?.modalType === "Edit-Activity" && ( {modaldata.modalType === "Edit-Activity" && (
<EditActivity <EditActivity activityData={modaldata.item} onClose={closeModal} />
activityData={modaldata.item}
onClose={closeModal}
/>
)} )}
</div> </div>
</div> </div>