Add a warning message to prevent the modal window from closing if the process is in progress.

Author: Damien LACHAUME / PALO-IT

mithril-explorer/src/components/VerifyCertificate/index.js

@@ -10,6 +10,7 @@ export default function VerifyCertificate({ show, onClose, certificateHash }) {
   const [loading, setLoading] = useState(false);
   const [certificateData, setCertificateData] = useState(null);
   const [verificationDuration, setVerificationDuration] = useState(null);
+  const [showWarning, setShowWarning] = useState(false);
 
   useEffect(() => {
     async function buildClientAndVerifyChain() {
@@ -100,17 +101,32 @@ export default function VerifyCertificate({ show, onClose, certificateHash }) {
       (mithrilEventsDiv.scrollTop = mithrilEventsDiv.scrollHeight));
   }
 
+  const handleModalClose = () => {
+    // Only allow closing if not loading
+    if (loading) {
+      setShowWarning(true);
+    } else {
+      onClose();
+    }
+  };
+
   return (
     <Modal
       show={show}
-      onHide={onClose}
+      onHide={handleModalClose}
       size="xl"
       aria-labelledby="contained-modal-title-vcenter"
       centered>
       <Modal.Header closeButton>
         <Modal.Title>Verify certificate</Modal.Title>
       </Modal.Header>
       <Modal.Body>
+        {showWarning && loading && (
+          <div className="alert alert-warning" role="alert">
+            Verification is in progress. Please wait until the process is complete (less than a
+            minute).
+          </div>
+        )}
         {certificateData && (
           <>
             <h4>Certificate Details</h4>