From 74a9d0855099e33ae66cc91054039b9ed4f7a956 Mon Sep 17 00:00:00 2001
From: prafull-opensignlabs <prafull.navkar@nxglabs.com>
Date: Sat, 15 Jun 2024 23:14:59 +0530
Subject: [PATCH] style: update design of invalid session popup

---
 apps/OpenSign/src/components/pdf/SignerListPlace.js | 4 ++--
 apps/OpenSign/src/layout/HomeLayout.js              | 9 +++------
 apps/OpenSign/src/pages/GenerateToken.js            | 2 +-
 apps/OpenSign/src/pages/TemplatePlaceholder.js      | 4 ++--
 apps/OpenSign/src/primitives/Validate.js            | 9 +++------
 5 files changed, 11 insertions(+), 17 deletions(-)

diff --git a/apps/OpenSign/src/components/pdf/SignerListPlace.js b/apps/OpenSign/src/components/pdf/SignerListPlace.js
index 5b384d3e6..6de0a90e8 100644
--- a/apps/OpenSign/src/components/pdf/SignerListPlace.js
+++ b/apps/OpenSign/src/components/pdf/SignerListPlace.js
@@ -61,7 +61,7 @@ function SignerListPlace(props) {
           <div
             role="button"
             data-tut="reactourAddbtn"
-            className="op-btn op-btn-accent op-btn-outline w-full my-[2px]"
+            className="op-btn op-btn-accent op-btn-outline w-full mt-[14px]"
             disabled={props?.isMailSend ? true : false}
             onClick={() => props.handleAddSigner()}
           >
@@ -71,7 +71,7 @@ function SignerListPlace(props) {
           <div
             role="button"
             data-tut="reactourAddbtn"
-            className="op-btn op-btn-accent op-btn-outline w-full my-[2px]"
+            className="op-btn op-btn-accent op-btn-outline w-full mt-[14px]"
             disabled={props?.isMailSend ? true : false}
             onClick={() => props.setIsAddSigner(true)}
           >
diff --git a/apps/OpenSign/src/layout/HomeLayout.js b/apps/OpenSign/src/layout/HomeLayout.js
index e4159c4d8..3bac80c71 100644
--- a/apps/OpenSign/src/layout/HomeLayout.js
+++ b/apps/OpenSign/src/layout/HomeLayout.js
@@ -286,13 +286,10 @@ const HomeLayout = () => {
           )}
         </>
       ) : (
-        <ModalUi title={"Session Expired"} isOpen={true} showClose={false}>
+        <ModalUi showHeader={false} isOpen={true} showClose={false}>
           <div className="flex flex-col justify-center items-center py-4 md:py-5 gap-5">
-            <p className="text-xl font-normal">Your session has expired.</p>
-            <button
-              onClick={handleLoginBtn}
-              className="text-base px-3 py-1.5 rounded shadow-md text-white bg-[#1ab6ce]"
-            >
+            <p className="text-xl font-medium">Your session has expired.</p>
+            <button onClick={handleLoginBtn} className="op-btn op-btn-neutral">
               Login
             </button>
           </div>
diff --git a/apps/OpenSign/src/pages/GenerateToken.js b/apps/OpenSign/src/pages/GenerateToken.js
index 8b331d897..aedcd29e1 100644
--- a/apps/OpenSign/src/pages/GenerateToken.js
+++ b/apps/OpenSign/src/pages/GenerateToken.js
@@ -143,7 +143,7 @@ function GenerateToken() {
                     {apiToken ? apiToken : "_____"}
                   </span>
                   <button
-                    className="op-btn op-btn-accent op-btn-sm ml-2"
+                    className="op-btn op-btn-accent op-btn-outline op-btn-sm ml-2"
                     onClick={() => copytoclipboard(apiToken)}
                   >
                     <i className="fa-solid fa-copy"></i>
diff --git a/apps/OpenSign/src/pages/TemplatePlaceholder.js b/apps/OpenSign/src/pages/TemplatePlaceholder.js
index cf4a8fea5..745ff32f4 100644
--- a/apps/OpenSign/src/pages/TemplatePlaceholder.js
+++ b/apps/OpenSign/src/pages/TemplatePlaceholder.js
@@ -1270,8 +1270,8 @@ const TemplatePlaceholder = () => {
                 title={"Roles"}
                 handleClose={() => setIsReceipent(true)}
               >
-                <div className="h-full p-[20px]">
-                  <p>Please add a role</p>
+                <div className="h-full p-[20px] text-center font-medium">
+                  <p>Please add roles first</p>
                 </div>
               </ModalUi>
               {/* this modal is used show send mail  message and after send mail success message */}
diff --git a/apps/OpenSign/src/primitives/Validate.js b/apps/OpenSign/src/primitives/Validate.js
index 8bba5ef71..805ff8c0f 100644
--- a/apps/OpenSign/src/primitives/Validate.js
+++ b/apps/OpenSign/src/primitives/Validate.js
@@ -49,13 +49,10 @@ const Validate = () => {
       <Outlet />
     </div>
   ) : (
-    <ModalUi title={"Session Expired"} isOpen={true} showClose={false}>
+    <ModalUi showHeader={false} isOpen={true} showClose={false}>
       <div className="flex flex-col justify-center items-center py-4 md:py-5 gap-5">
-        <p className="text-xl font-normal">Your session has expired.</p>
-        <button
-          onClick={handleLoginBtn}
-          className="text-base px-3 py-1.5 rounded shadow-md text-white bg-[#1ab6ce]"
-        >
+        <p className="text-xl font-medium">Your session has expired.</p>
+        <button onClick={handleLoginBtn} className="op-btn op-btn-neutral">
           Login
         </button>
       </div>