From 7495955420c2ede709683ffbbb85909ab7e79622 Mon Sep 17 00:00:00 2001
From: RaktimaNXG <raktima.c@nxglabs.com>
Date: Tue, 5 Dec 2023 14:12:12 +0530
Subject: [PATCH] fix: design of email sent toast message

---
 .../src/Component/component/emailComponent.js |  8 +++----
 .../src/Component/component/emailToast.js     | 21 +++++++++++--------
 .../src/Component/component/renderPdf.js      |  1 -
 3 files changed, 16 insertions(+), 14 deletions(-)

diff --git a/microfrontends/SignDocuments/src/Component/component/emailComponent.js b/microfrontends/SignDocuments/src/Component/component/emailComponent.js
index 99b44872d..5854c8749 100644
--- a/microfrontends/SignDocuments/src/Component/component/emailComponent.js
+++ b/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") {
diff --git a/microfrontends/SignDocuments/src/Component/component/emailToast.js b/microfrontends/SignDocuments/src/Component/component/emailToast.js
index 733672fba..a2779210a 100644
--- a/microfrontends/SignDocuments/src/Component/component/emailToast.js
+++ b/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>
+      )}
+    </>
   );
 }
 
diff --git a/microfrontends/SignDocuments/src/Component/component/renderPdf.js b/microfrontends/SignDocuments/src/Component/component/renderPdf.js
index 8b29ad0d9..c27fe6a94 100644
--- a/microfrontends/SignDocuments/src/Component/component/renderPdf.js
+++ b/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";