fix: placeholder display issue of all signers after save placeholder and login flow

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

@@ -25,31 +25,41 @@ function CustomModal({
           <div className="modalHeadDiv bg-danger">{headMsg && headMsg}</div>
           <div className="modalBodyDIv">
             <p className="pTagBody">{bodyMssg && bodyMssg}</p>
+            <div
+              style={{
+                height: "1px",
+                backgroundColor: "#9f9f9f",
+                width: "100%",
+                marginTop: "15px",
+                marginBottom: "15px"
+              }}
+            ></div>
+
+            {footerMessage && (
+              <div className="modalFooterDiv">
+                <button
+                  style={{
+                    background: "#de4337"
+                  }}
+                  type="button"
+                  className="finishBtn"
+                  onClick={() => declineDoc()}
+                >
+                  Yes
+                </button>
+                <button
+                  style={{
+                    color: "black"
+                  }}
+                  type="button"
+                  className="finishBtn"
+                  onClick={() => setIsDecline({ isDeclined: false })}
+                >
+                  Close
+                </button>
+              </div>
+            )}
           </div>
-          {footerMessage && (
-            <div className="modalFooterDiv">
-              <button
-                style={{
-                  color: "black"
-                }}
-                type="button"
-                className="finishBtn"
-                onClick={() => setIsDecline({ isDeclined: false })}
-              >
-                Close
-              </button>
-              <button
-                style={{
-                  background: "#de4337"
-                }}
-                type="button"
-                className="finishBtn"
-                onClick={() => declineDoc()}
-              >
-                Yes
-              </button>
-            </div>
-          )}
         </div>
       </div>
     )

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

@@ -4,27 +4,32 @@ function DefaultSignature({
   themeColor,
   defaultSignImg,
   xyPostion,
-  setIsAlert
+  setDefaultSignAlert
 }) {
   const confirmToaddDefaultSign = () => {
     if (xyPostion.length > 0) {
-      setIsAlert({
+      setDefaultSignAlert({
         isShow: true,
-        alertMessage: "Are you sure you want to sign at requested locations?"
+        alertMessage:
+          "Are you sure you want to auto sign at requested all locations?"
       });
     } else {
-      alert("please select position!");
+      setDefaultSignAlert({
+        isShow: true,
+        alertMessage: "please select position!"
+      });
     }
   };
 
   return (
-    <div className="signerComponent">
+    <div>
       <div
         style={{
           background: themeColor(),
           color: "white",
           padding: "5px",
-          fontFamily: "sans-serif"
+          fontFamily: "sans-serif",
+          marginTop: "5px"
         }}
       >
         Signature
@@ -38,41 +43,34 @@ function DefaultSignature({
           fontWeight: "600"
         }}
       >
-        {defaultSignImg ? (
-          <>
-            <p>Your Signature</p>
-            <div className="defaultSignBox">
-              <img
-                alt="default img"
-                style={{
-                  width: "100%",
-                  height: "100%",
-                  objectFit: "contain"
-                }}
-                src={defaultSignImg}
-              />
-            </div>
-            <button
+        <>
+          <p>Your Signature</p>
+          <div className="defaultSignBox">
+            <img
+              alt="default img"
               style={{
-                background: themeColor(),
-                color: "white",
-                marginTop: "20px",
-                cursor: "pointer"
+                width: "100%",
+                height: "100%",
+                objectFit: "contain"
               }}
-              type="button"
-              className="finishBtn finishnHover"
-              onClick={() => confirmToaddDefaultSign()}
-            >
-              Auto Sign All
-            </button>
-          </>
-        ) : (
-          <div style={{ margin: "10px" }}>
-            <span>
-              Click a signature placeholder to start signing the document!
-            </span>
+              src={defaultSignImg}
+            />
           </div>
-        )}
+          <button
+            style={{
+              background: themeColor(),
+              color: "white",
+              marginTop: "20px",
+              cursor: "pointer",
+              marginBottom: "10px"
+            }}
+            type="button"
+            className="finishBtn finishnHover"
+            onClick={() => confirmToaddDefaultSign()}
+          >
+            Auto Sign All
+          </button>
+        </>
       </div>
     </div>
   );

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

@@ -225,10 +225,7 @@ function Header({
     );
   };
   return (
-    <div
-      style={{ padding: !isGuestSigner && "5px 0px 5px 0px" }}
-      className="mobileHead"
-    >
+    <div style={{ padding: "5px 0px 5px 0px" }} className="mobileHead">
       {isMobile && isShowHeader ? (
         <div
           id="navbar"
@@ -540,8 +537,8 @@ function Header({
                   <div>
                     {signerPos.length === 0 ? (
                       <span style={{ fontSize: "13px", color: "#f5405e" }}>
-                        Add {signersdata.length - signerPos.length}{" "}
-                        recipients signature
+                        Add {signersdata.length - signerPos.length} recipients
+                        signature
                       </span>
                     ) : (
                       <span style={{ fontSize: "13px", color: "#f5405e" }}>
@@ -554,7 +551,14 @@ function Header({
 
               <div>
                 {setIsEditTemplate && (
-                  <button onClick={() => setIsEditTemplate(true)} style={{border:"none", outline:"none", textAlign:"center"}}>
+                  <button
+                    onClick={() => setIsEditTemplate(true)}
+                    style={{
+                      border: "none",
+                      outline: "none",
+                      textAlign: "center"
+                    }}
+                  >
                     <i className="fa-solid fa-gear fa-lg"></i>
                   </button>
                 )}