From 49cd30de96d897e109a95db926d8e21e1e1fa49b Mon Sep 17 00:00:00 2001
From: prafull-opensignlabs <prafull.navkar@nxglabs.com>
Date: Tue, 26 Mar 2024 19:00:51 +0530
Subject: [PATCH] refactor: update help message

---
 apps/OpenSign/src/components/shared/fields/SignersInput.js | 4 ++--
 apps/OpenSign/src/json/ReportJson.js                       | 2 +-
 apps/OpenSign/src/pages/UserProfile.js                     | 2 +-
 apps/OpenSign/src/primitives/Tooltip.js                    | 6 +++---
 4 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/apps/OpenSign/src/components/shared/fields/SignersInput.js b/apps/OpenSign/src/components/shared/fields/SignersInput.js
index 2b2648db6..de06665d2 100644
--- a/apps/OpenSign/src/components/shared/fields/SignersInput.js
+++ b/apps/OpenSign/src/components/shared/fields/SignersInput.js
@@ -108,10 +108,10 @@ const SignersInput = (props) => {
       <label className="block">
         Signers
         {props.required && <span className="text-red-500 text-[13px]">*</span>}
-        <span className="ml-1 text-xs z-[999]">
+        <span className="absolute ml-1 text-xs z-50">
           <Tooltip
             id={"signer-tooltip"}
-            message={"This is a list of contacts/signers added by you"}
+            message={"Begin typing a contact's name to see suggested signers from your saved contacts or add new ones. Arrange the signing order by adding signers in the desired sequence. Use the '+' button to include signers and the 'x' to remove them. Each signer will receive an email prompt to sign the document in the order listed."}
           />
         </span>
       </label>
diff --git a/apps/OpenSign/src/json/ReportJson.js b/apps/OpenSign/src/json/ReportJson.js
index 37d0c94bb..39768e75e 100644
--- a/apps/OpenSign/src/json/ReportJson.js
+++ b/apps/OpenSign/src/json/ReportJson.js
@@ -186,7 +186,7 @@ export default function reportJson(id) {
           }
         ],
         helpMsg:
-          "This is a list of templates that are used to create documents"
+          "This is a list of templates that are available to you for creating documents. You can click the 'use' button to create a new document using a template, modify the document & add signers in the next step."
       };
     default:
       return null;
diff --git a/apps/OpenSign/src/pages/UserProfile.js b/apps/OpenSign/src/pages/UserProfile.js
index 842f8129b..b8d9da22c 100644
--- a/apps/OpenSign/src/pages/UserProfile.js
+++ b/apps/OpenSign/src/pages/UserProfile.js
@@ -264,7 +264,7 @@ function UserProfile() {
                 <div className="flex justify-between items-center py-2">
                   <span className="font-semibold">
                     Disable DocumentId :{" "}
-                    <Tooltip url={"https://docs.opensignlabs.com/docs/help/Settings/profile/"} />{" "}
+                    <Tooltip url={"https://docs.opensignlabs.com/docs/help/Settings/disabledocumentid"} />{" "}
                   </span>{" "}
                   <label
                     className={`${
diff --git a/apps/OpenSign/src/primitives/Tooltip.js b/apps/OpenSign/src/primitives/Tooltip.js
index 323afc3d5..41e685d7c 100644
--- a/apps/OpenSign/src/primitives/Tooltip.js
+++ b/apps/OpenSign/src/primitives/Tooltip.js
@@ -3,11 +3,11 @@ import { Tooltip as ReactTooltip } from "react-tooltip";
 import { openInNewTab } from "../constant/Utils";
 const Tooltip = ({ children, id, message, url, iconColor }) =>
   url ? (
-    <button onClick={() => openInNewTab(url)}>
+    <button onClick={() => openInNewTab(url)} className="text-center">
       {children ? (
         children
       ) : (
-        <i className="fa-solid fa-question border-[1.5px] px-1.5 py-0.5 rounded-full border-[#33bbff] text-xs text-[#33bbff]"></i>
+        <i className="fa-solid fa-question text-xs border-[1.5px] px-1 rounded-full border-[#33bbff] text-[#33bbff]"></i>
       )}
     </button>
   ) : (
@@ -21,7 +21,7 @@ const Tooltip = ({ children, id, message, url, iconColor }) =>
           children
         ) : (
           <i
-            className="fa-solid fa-question z-50 border-[1.5px] px-1.5 py-0.5 rounded-full text-xs"
+            className="fa-solid fa-question text-xs border-[1.5px] px-1 rounded-full border-[#33bbff] text-[#33bbff]"
             style={{
               borderColor: iconColor ? iconColor : "#33bbff",
               color: iconColor ? iconColor : "#33bbff"