refactor code

Author: raktima-opensignlabs

apps/OpenSign/src/components/BulkSendUi.js

@@ -13,6 +13,7 @@ const BulkSendUi = (props) => {
   const allowedSigners = 50;
   useEffect(() => {
     signatureExist();
+    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
 
   //function to check atleast one signature field exist

apps/OpenSign/src/pages/UserProfile.js

@@ -1,4 +1,8 @@
-import React, { useState, useEffect, useRef } from "react";
+import React, {
+  useState,
+  useEffect
+  // useRef
+} from "react";
 import { Navigate, useNavigate } from "react-router-dom";
 import Parse from "parse";
 import { SaveFileSize } from "../constant/saveFileSize";
@@ -27,10 +31,10 @@ function UserProfile() {
   const [percentage, setpercentage] = useState(0);
   const [isDisableDocId, setIsDisableDocId] = useState(false);
   const [isSubscribe, setIsSubscribe] = useState(false);
-  const [publicUserName, setPublicUserName] = useState(
-    extendUser && extendUser?.[0]?.UserName
-  );
-  const previousPublicUserName = useRef(publicUserName);
+  // const [publicUserName, setPublicUserName] = useState(
+  //   extendUser && extendUser?.[0]?.UserName
+  // );
+  // const previousPublicUserName = useRef(publicUserName);
   const [company, setCompany] = useState(
     extendUser && extendUser?.[0]?.Company
   );
@@ -41,7 +45,7 @@ function UserProfile() {
   const [otp, setOtp] = useState("");
   const [otpLoader, setOtpLoader] = useState(false);
   const [isEmailVerified, setIsEmailVerified] = useState(false);
-  const [userNameError, setUserNameError] = useState("");
+  // const [userNameError, setUserNameError] = useState("");
   useEffect(() => {
     getUserDetail();
   }, []);
@@ -80,31 +84,31 @@ function UserProfile() {
     }
   };
   //function to check public username already exist
-  const handleCheckPublicUserName = async () => {
-    try {
-      const res = await Parse.Cloud.run("getpublicusername", {
-        username: publicUserName
-      });
-      if (res) {
-        setIsLoader(false);
-        setUserNameError("user name already exist");
-        setTimeout(() => {
-          setUserNameError("");
-        }, 3000);
-        return res;
-      }
-    } catch (e) {
-      console.log("error in getpublicusername cloud function");
-    }
-  };
+  // const handleCheckPublicUserName = async () => {
+  //   try {
+  //     const res = await Parse.Cloud.run("getpublicusername", {
+  //       username: publicUserName
+  //     });
+  //     if (res) {
+  //       setIsLoader(false);
+  //       setUserNameError("user name already exist");
+  //       setTimeout(() => {
+  //         setUserNameError("");
+  //       }, 3000);
+  //       return res;
+  //     }
+  //   } catch (e) {
+  //     console.log("error in getpublicusername cloud function");
+  //   }
+  // };
   const handleSubmit = async (e) => {
     e.preventDefault();
     let phn = Phone,
-      res;
+      res = "";
     //condition to call cloud function when user change publicUserName
-    if (previousPublicUserName.current !== publicUserName) {
-      res = await handleCheckPublicUserName();
-    }
+    // if (previousPublicUserName.current !== publicUserName) {
+    //   res = await handleCheckPublicUserName();
+    // }
     if (!res) {
       setIsLoader(true);
       try {
@@ -158,8 +162,8 @@ function UserProfile() {
       Name: obj.Name,
       HeaderDocId: isDisableDocId,
       JobTitle: jobTitle,
-      Company: company,
-      UserName: publicUserName || ""
+      Company: company
+      // UserName: publicUserName || ""
     };
 
     await axios.put(
@@ -273,23 +277,23 @@ function UserProfile() {
     alert("OTP sent on you email");
   };
   //function to handle onchange username and restrict 6-characters username for free users
-  const handleOnchangeUserName = (e) => {
-    const value = e.target.value;
-    if (value.length > 6 && !isSubscribe) {
-      setUserNameError("Please upgrade to allow more than 6 characters.");
-      setTimeout(() => {
-        setUserNameError("");
-      }, 2000);
-    } else {
-      setPublicUserName(e.target.value);
-    }
-  };
+  // const handleOnchangeUserName = (e) => {
+  //   const value = e.target.value;
+  //   if (value.length > 6 && !isSubscribe) {
+  //     setUserNameError("Please upgrade to allow more than 6 characters.");
+  //     setTimeout(() => {
+  //       setUserNameError("");
+  //     }, 2000);
+  //   } else {
+  //     setPublicUserName(e.target.value);
+  //   }
+  // };
   const handleCancel = () => {
     setEditMode(false);
     SetName(localStorage.getItem("username"));
     SetPhone(UserProfile && UserProfile.phone);
     setImage(localStorage.getItem("profileImg"));
-    setPublicUserName(extendUser && extendUser?.[0]?.UserName);
+    // setPublicUserName(extendUser && extendUser?.[0]?.UserName);
     setCompany(extendUser && extendUser?.[0]?.Company);
     setJobTitle(extendUser?.[0]?.JobTitle);
   };
@@ -315,13 +319,13 @@ function UserProfile() {
         </div>
       ) : (
         <div className="flex justify-center items-center w-full relative">
-          {userNameError && (
+          {/* {userNameError && (
             <div
               className={`z-[1000] fixed top-[50%]  transform border-[1px] text-sm border-[#f0a8a8] bg-[#f4bebe] text-[#c42121] rounded py-[.75rem] px-[1.25rem]`}
             >
               {userNameError}
             </div>
-          )}
+          )} */}
           <div className="bg-white flex flex-col justify-center shadow rounded w-[450px]">
             <div className="flex flex-col justify-center items-center my-4">
               <div className="w-[200px] h-[200px] overflow-hidden rounded-full">
@@ -449,7 +453,7 @@ function UserProfile() {
                   )}
                 </span>
               </li>
-              {isEnableSubscription && (
+              {/* {isEnableSubscription && (
                 <li className="flex justify-between items-center border-t-[1px] border-gray-300 py-2 break-all">
                   <span className="font-semibold">
                     Public profile :{" "}
@@ -479,7 +483,7 @@ function UserProfile() {
                     )}
                   </div>
                 </li>
-              )}
+              )} */}
               <li className="border-y-[1px] border-gray-300 break-all">
                 <div className="flex justify-between items-center py-2">
                   <span