feat: add tour for webhook and apitoken, update css

Author: prafull-opensignlabs

apps/OpenSign/src/components/dashboard/DashboardCard.js

@@ -261,21 +261,14 @@ const DashboardCard = (props) => {
               }
             }
             body = str;
-            await axios
-              .post(url, body, { headers: headers })
-              .then((response) => {
-                try {
-                  if (response.data.result.length > 0) {
-                    setresponse(response.data.result[0][props.FilterData.key]);
-                    setLoading(false);
-                  } else {
-                    setresponse("0");
-                    setLoading(false);
-                  }
-                } catch (error) {
-                  setLoading(false);
-                }
-              });
+            const response = await axios.post(url, body, { headers: headers });
+            if (response.data.result.length > 0) {
+              setresponse(response.data.result[0][props.FilterData.key]);
+              setLoading(false);
+            } else {
+              setresponse("0");
+              setLoading(false);
+            }
           } catch (error) {
             setLoading(false);
           }
@@ -338,7 +331,7 @@ const DashboardCard = (props) => {
       }`}
     >
       <div className="flex items-center justify-start gap-5 text-white">
-        <span className="rounded-full bg-black bg-opacity-20 w-[60px] h-[60px] self-start flex justify-center items-center">
+        <span className="rounded-full bg-base-300 bg-opacity-20 w-[60px] h-[60px] self-start flex justify-center items-center">
           <i
             className={`${
               props.Icon ? props.Icon : "fa-light fa-info"

apps/OpenSign/src/components/shared/fields/SelectFolder.js

@@ -176,13 +176,13 @@ const SelectFolder = ({ required, onSuccess, folderCls, isReset }) => {
       <div className="relative max-w-sm">
         <div
           onClick={() => SetIsOpen(true)}
-          className=" cursor-pointer rounded px-[20px] py-[20px] bg-base-100 border-[1px] border-base-200 shadow flex max-w-sm gap-8 items-center"
+          className="cursor-pointer rounded px-[20px] py-[20px] bg-base-100 border-[1px] border-base-200 shadow flex max-w-sm gap-8 items-center"
         >
           <div>
             <svg
               xmlns="http://www.w3.org/2000/svg"
               viewBox="0 0 512 512"
-              className="w-[40px] h-[40px] fill-current text-neutral"
+              className="w-[40px] h-[40px] fill-current op-text-secondary"
             >
               <path d="M64 480H448c35.3 0 64-28.7 64-64V160c0-35.3-28.7-64-64-64H288c-10.1 0-19.6-4.7-25.6-12.8L243.2 57.6C231.1 41.5 212.1 32 192 32H64C28.7 32 0 60.7 0 96V416c0 35.3 28.7 64 64 64z" />
             </svg>
@@ -194,10 +194,7 @@ const SelectFolder = ({ required, onSuccess, folderCls, isReset }) => {
                   ? selectFolder.Name
                   : "OpenSign™ Drive"}
               </p>
-              <div
-                className="text-black text-sm"
-                // onClick={() => SetIsOpen(true)}
-              >
+              <div className="text-black text-sm">
                 <i
                   className="fa-light fa-pencil cursor-pointer"
                   title="Select Folder"

apps/OpenSign/src/json/dashboardJson.js

@@ -7,7 +7,7 @@ const dashboardJson = [
         widget: {
           type: "Card",
           icon: "fa-light fa-signature",
-          bgColor: "bg-[#f0058e]",
+          bgColor: "op-bg-primary",
           label: "Need your Signature",
           description: null,
           data: {
@@ -30,7 +30,7 @@ const dashboardJson = [
         widget: {
           type: "Card",
           icon: "fa-light fa-sign-out-alt",
-          bgColor: "bg-[#2ed8b6]",
+          bgColor: "op-bg-secondary",
           label: "Out for signatures",
           description: null,
           data: {

apps/OpenSign/src/pages/ChangePassword.js

@@ -49,8 +49,8 @@ function ChangePassword() {
     return <Navigate to="/" />;
   }
   return (
-    <div className="w-full bg-base-100 text-base-content shadow rounded p-2">
-      <Title title={"Change Password"} />
+    <div className="w-full bg-base-100 text-base-content shadow rounded-box p-2">
+      <Title title="Change Password" />
       <div className="text-xl font-bold border-b-[1px] border-gray-300">
         Change Password
       </div>
@@ -98,7 +98,10 @@ function ChangePassword() {
               required
             />
           </div>
-          <button type="submit" className="op-btn op-btn-primary shadow-md m-2">
+          <button
+            type="submit"
+            className="op-btn op-btn-primary shadow-md mt-2"
+          >
             Change Password
           </button>
         </form>

apps/OpenSign/src/pages/Form.js

@@ -565,7 +565,7 @@ const Forms = (props) => {
     setFormData((prev) => ({ ...prev, autoreminder: !formData.autoreminder }));
   };
   return (
-    <div className="shadow-md rounded my-2 p-3 bg-base-100 text-base-content md:border-[1px] md:border-gray-600/50">
+    <div className="shadow-md rounded-box my-[2px] p-3 bg-base-100 text-base-content">
       <Title title={props?.title} />
       {isAlert && (
         <Alert type={isErr ? "danger" : "success"}>