mirror of
https://gitlab.com/mbugroup/lti-web-client.git
synced 2026-05-24 15:25:46 +00:00
feat(FE): Add chickin delete functionality with modal confirmation
This commit is contained in:
@@ -200,6 +200,7 @@ const ProjectFlockTable = ({ refresh }: { refresh?: () => void }) => {
|
||||
const confirmModal = useModal();
|
||||
const successModal = useModal();
|
||||
const chickinApproveModal = useModal();
|
||||
const chickinDeleteModal = useModal();
|
||||
const closingModal = useModal();
|
||||
const [approvalAction, setApprovalAction] = useState<'APPROVED' | 'REJECTED'>(
|
||||
'APPROVED'
|
||||
@@ -214,6 +215,11 @@ const ProjectFlockTable = ({ refresh }: { refresh?: () => void }) => {
|
||||
chickinApproveCallback,
|
||||
closeChickinApproveModal,
|
||||
setChickinApproveLoading,
|
||||
isChickinDeleteModalOpen,
|
||||
isChickinDeleteLoading,
|
||||
chickinDeleteCallback,
|
||||
closeChickinDeleteModal,
|
||||
setChickinDeleteLoading,
|
||||
} = useChickinStore();
|
||||
|
||||
const {
|
||||
@@ -478,6 +484,14 @@ const ProjectFlockTable = ({ refresh }: { refresh?: () => void }) => {
|
||||
}
|
||||
}, [isChickinApproveModalOpen, chickinApproveModal]);
|
||||
|
||||
useEffect(() => {
|
||||
if (isChickinDeleteModalOpen) {
|
||||
chickinDeleteModal.openModal();
|
||||
} else {
|
||||
chickinDeleteModal.closeModal();
|
||||
}
|
||||
}, [isChickinDeleteModalOpen, chickinDeleteModal]);
|
||||
|
||||
useEffect(() => {
|
||||
if (isClosingModalOpen) {
|
||||
closingModal.openModal();
|
||||
@@ -1208,6 +1222,38 @@ const ProjectFlockTable = ({ refresh }: { refresh?: () => void }) => {
|
||||
}}
|
||||
/>
|
||||
|
||||
{/* Chickin Delete Modal */}
|
||||
<ConfirmationModal
|
||||
ref={chickinDeleteModal.ref}
|
||||
type='error'
|
||||
text='Apakah anda yakin ingin menghapus data chick in ini?'
|
||||
secondaryButton={{
|
||||
text: 'Tidak',
|
||||
onClick: () => {
|
||||
closeChickinDeleteModal();
|
||||
},
|
||||
}}
|
||||
className={{
|
||||
modal: 'z-9999',
|
||||
}}
|
||||
primaryButton={{
|
||||
text: 'Ya',
|
||||
color: 'error',
|
||||
isLoading: isChickinDeleteLoading,
|
||||
onClick: async () => {
|
||||
if (chickinDeleteCallback) {
|
||||
setChickinDeleteLoading(true);
|
||||
try {
|
||||
await chickinDeleteCallback();
|
||||
} finally {
|
||||
setChickinDeleteLoading(false);
|
||||
closeChickinDeleteModal();
|
||||
}
|
||||
}
|
||||
},
|
||||
}}
|
||||
/>
|
||||
|
||||
{/* Filter Modal */}
|
||||
<Modal
|
||||
ref={filterModal.ref}
|
||||
|
||||
Reference in New Issue
Block a user