fix: design of email sent toast message

Author: raktima-opensignlabs

microfrontends/SignDocuments/src/Component/component/emailComponent.js

@@ -67,13 +67,13 @@ function EmailComponent({
     }
 
     if (sendMail.data.result.status === "success") {
-      setIsEmail(false);
-      setEmailValue("");
-      setEmailList([]);
       setSuccessEmail(true);
       setTimeout(() => {
         setSuccessEmail(false);
-      }, 1000);
+        setIsEmail(false);
+        setEmailValue("");
+        setEmailList([]);
+      }, 1500);
 
       setIsLoading(false);
     } else if (sendMail.data.result.status === "error") {

microfrontends/SignDocuments/src/Component/component/emailToast.js

@@ -3,15 +3,18 @@ import "../../css/signature.css";
 
 function EmailToast({ isShow }) {
   return (
-    <div
-      style={{ display: isShow ? "flex" : "none", justifyContent: "center" }}
-    >
-      <div className="emailToast">
-        <span style={{ fontSize: "12px", fontWeight: "500" }}>
-          Email sent successfully!
-        </span>
-      </div>
-    </div>
+    <>
+      {isShow && (
+        <div style={{ display: "flex", justifyContent: "center" }}>
+          <div
+            className="alert alert-success successBox"
+            style={{ zIndex: "1051" }}
+          >
+            Email sent successfully!
+          </div>
+        </div>
+      )}
+    </>
   );
 }
 

microfrontends/SignDocuments/src/Component/component/renderPdf.js

@@ -1,6 +1,5 @@
 import React from "react";
 import RSC from "react-scrollbars-custom";
-import Toast from "react-bootstrap/Toast";
 import { Rnd } from "react-rnd";
 import { themeColor } from "../../utils/ThemeColor/backColor";
 import { Document, Page, pdfjs } from "react-pdf";