revert: ForceDeleteConfirmation in DeleteConfirmationModal

Author: Elessar1802

src/Shared/Components/ConfirmationModal/DeleteConfirmationModal.tsx

@@ -21,6 +21,7 @@ import { showError, stopPropagation } from '@Common/Helper'
 import { ConfirmationModalVariantType, DeleteConfirmationModalProps } from './types'
 import ConfirmationModal from './ConfirmationModal'
 import { CannotDeleteModal } from './CannotDeleteModal'
+import { ForceDeleteConfirmationModal } from './ForceDeleteConfirmationModal'
 
 export const DeleteConfirmationModal: React.FC<DeleteConfirmationModalProps> = ({
     title,
@@ -40,6 +41,7 @@ export const DeleteConfirmationModal: React.FC<DeleteConfirmationModalProps> = (
     children,
 }: DeleteConfirmationModalProps) => {
     const [showCannotDeleteDialogModal, setCannotDeleteDialogModal] = useState(false)
+    const [showForceDeleteModal, setForceDeleteModal] = useState(false)
     const [cannotDeleteText, setCannotDeleteText] = useState(renderCannotDeleteConfirmationSubTitle)
     const [isLoading, setLoading] = useState(isDeleting)
 
@@ -81,6 +83,8 @@ export const DeleteConfirmationModal: React.FC<DeleteConfirmationModalProps> = (
         closeConfirmationModal()
     }
 
+    const handleCloseForceDeleteModal = () => setForceDeleteModal(false)
+
     const renderCannotDeleteDialogModal = () => (
         <CannotDeleteModal
             title={title}
@@ -90,6 +94,15 @@ export const DeleteConfirmationModal: React.FC<DeleteConfirmationModalProps> = (
         />
     )
 
+    const renderForceDeleteModal = () => (
+        <ForceDeleteConfirmationModal
+            title={title}
+            subtitle={subtitle}
+            onDelete={onDelete}
+            closeConfirmationModal={handleCloseForceDeleteModal}
+        />
+    )
+
     const renderDeleteModal = () => (
         <ConfirmationModal
             variant={ConfirmationModalVariantType.delete}
@@ -117,8 +130,9 @@ export const DeleteConfirmationModal: React.FC<DeleteConfirmationModalProps> = (
 
     return (
         <>
-            {!showCannotDeleteDialogModal && renderDeleteModal()}
+            {!showCannotDeleteDialogModal && !showForceDeleteModal && renderDeleteModal()}
             {showCannotDeleteDialogModal && renderCannotDeleteDialogModal()}
+            {showForceDeleteModal && renderForceDeleteModal()}
         </>
     )
 }