resolve delete user not working properly with placholder

prafull-opensignlabs · prafull-opensignlabs · commit 6c1d0c712a18 · 2023-12-26T20:04:16.000+05:30
diff --git a/microfrontends/SignDocuments/src/Component/ManageSign.js b/microfrontends/SignDocuments/src/Component/ManageSign.js
@@ -157,7 +157,7 @@ const ManageSign = () => {
           file = base64StringtoFile(image, `${replaceSpace}.png`);
         }
       }
-      console.log("isUrl ", isUrl);
+      // console.log("isUrl ", isUrl);
       let imgUrl;
       if (!isUrl) {
         imgUrl = await uploadFile(file);
diff --git a/microfrontends/SignDocuments/src/Component/TemplatePlaceholder.js b/microfrontends/SignDocuments/src/Component/TemplatePlaceholder.js
@@ -889,13 +889,15 @@ const TemplatePlaceholder = () => {
   };
   // `handleDeleteUser` function is used to delete record and placeholder when user click on delete which is place next user name in recipients list
   const handleDeleteUser = (Id) => {
-    const removeUser = signersdata.filter((x) => x.Id !== Id);
-    console.log("removeUser ", removeUser)
-
-    setSignersData(removeUser);
-    const removePlaceholderUser = signerPos.filter((x) => x.Id !== Id);
-    console.log("removePlaceholderUser ", removePlaceholderUser)
-    setSignerPos(removePlaceholderUser);
+    const updateSigner = signersdata
+      .filter((x) => x.Id !== Id)
+      .map((x, i) => ({ ...x, blockColor: color[i] }));
+    setSignersData(updateSigner);
+    const updatePlaceholderUser = signerPos
+      .filter((x) => x.Id !== Id)
+      .map((x, i) => ({ ...x, blockColor: color[i] }));
+    // console.log("removePlaceholderUser ", removePlaceholderUser)
+    setSignerPos(updatePlaceholderUser);
     setIsMailSend(false);
   };
 
@@ -940,6 +942,10 @@ const TemplatePlaceholder = () => {
       role.Id === roleId ? { ...role, Role: event.target.value } : role
     );
     setSignersData(updatedRoles);
+    const updatedPlaceholder = signerPos.map((role) =>
+      role.Id === roleId ? { ...role, Role: event.target.value } : role
+    );
+    setSignerPos(updatedPlaceholder);
     setIsMailSend(false);
   };
 
@@ -951,11 +957,10 @@ const TemplatePlaceholder = () => {
         role.Id === roleId ? { ...role, Role: roleName } : role
       );
       setSignersData(updatedRoles);
-      //   const updatedSignerPosition = signerPos.map((role) =>
-      //   role.Id === roleId ? { ...role, Role: roleName } : role
-      // );
-      // console.log("updatedSignerPosition ", updatedSignerPosition)
-      // setSignerPos(updatedSignerPosition);
+      const updatedPlaceholder = signerPos?.map((role) =>
+        role.Id === roleId ? { ...role, Role: roleName } : role
+      );
+      setSignerPos(updatedPlaceholder);
     }
   };
 
@@ -964,12 +969,10 @@ const TemplatePlaceholder = () => {
   };
 
   const handleEditTemplateForm = (data) => {
-    console.log("data", data);
     setIsEditTemplate(false);
     const updateTemplate = pdfDetails.map((x) => {
       return { ...x, ...data };
     });
-    console.log("updateTemplate ", updateTemplate);
     setPdfDetails(updateTemplate);
     setIsMailSend(false);
   };
@@ -978,8 +981,7 @@ const TemplatePlaceholder = () => {
     setIsModalRole(false);
   };
 
-  console.log("pdfDetails ", pdfDetails);
-  console.log("signerPos ", signerPos);
+
   return (
     <div>
       <Title title={"Template"} />
@@ -1014,7 +1016,7 @@ const TemplatePlaceholder = () => {
               setPageNumber={setPageNumber}
               setSignBtnPosition={setSignBtnPosition}
               pageNumber={pageNumber}
-           />
+            />
 
             {/* pdf render view */}
             <div
diff --git a/microfrontends/SignDocuments/src/Component/component/EditTemplate.js b/microfrontends/SignDocuments/src/Component/component/EditTemplate.js
@@ -3,21 +3,20 @@ import "../../css/AddUser.css";
 // import SelectFolder from "../../premitives/SelectFolder";
 
 const EditTemplate = ({ template, onSuccess }) => {
-  const [folder, setFolder] = useState({ ObjectId: "", Name: "" });
+  // const [folder, setFolder] = useState({ ObjectId: "", Name: "" });
   const [formData, setFormData] = useState({
     Name: template?.Name || "",
     Note: template?.Note || "",
     Description: template?.Description || ""
   });
 
-  console.log("template", template);
   const handleStrInput = (e) => {
     setFormData({ ...formData, [e.target.name]: e.target.value });
   };
-  const handleFolder = (data) => {
-    console.log("handleFolder ", data)
-    setFolder(data);
-  };
+  // const handleFolder = (data) => {
+  //   console.log("handleFolder ", data)
+  //   setFolder(data);
+  // };
 
   // Define a function to handle form submission
   const handleSubmit = async (e) => {
diff --git a/microfrontends/SignDocuments/src/Component/component/PlaceholderCopy.js b/microfrontends/SignDocuments/src/Component/component/PlaceholderCopy.js
@@ -78,18 +78,14 @@ function PlaceholderCopy(props) {
       }else{
          filterSignerPosition = signerPosition.filter((item)=> item.Id === signerId)
       }
-      console.log("filterSignerPosition ", filterSignerPosition)
       //get current pagenumber's all placeholder position data
       const placeholderPosition = filterSignerPosition[0].placeHolder.filter(
         (data) => data.pageNumber === props.pageNumber
       );
-      console.log("placeholderPosition ", placeholderPosition)
-      console.log("props.signKey ", props.signKey)
       //get current placeholder position data which user want to copy
       const currentPlaceholder = placeholderPosition[0].pos.filter(
         (position) => position.key === props.signKey
       );
-      console.log("currentPlaceholder ", currentPlaceholder)
       const { key, ...rest } = currentPlaceholder[0];
       for (let i = 0; i < props.allPages; i++) {
         const newId = randomKey();
diff --git a/microfrontends/SignDocuments/src/Component/component/renderPdf.js b/microfrontends/SignDocuments/src/Component/component/renderPdf.js
@@ -310,7 +310,6 @@ function RenderPdf({
         <i
           className="fa-regular fa-copy signCopy"
           onClick={(e) => {
-            console.log("hello console");
             e.stopPropagation();
             setIsPageCopy(true);
             setSignKey(pos.key);
@@ -738,7 +737,6 @@ function RenderPdf({
                                       );
                                     }}
                                     onTouchEnd={(e) => {
-                                      console.log("go here");
                                       if (!isDragging && isMobile) {
                                         setTimeout(() => {
                                           e.stopPropagation();
@@ -753,7 +751,6 @@ function RenderPdf({
                                     <PlaceholderBorder pos={pos} />
                                     <div
                                       onTouchEnd={(e) => {
-                                        console.log("go here");
                                         if (!isDragging && isMobile) {
                                           setTimeout(() => {
                                             e.stopPropagation();
@@ -1131,7 +1128,6 @@ function RenderPdf({
                                               onClick={(e) => {
                                                 e.stopPropagation();
                                                 setIsPageCopy(true);
-                                                console.log("pos.key) ", pos.key)
                                                 setSignKey(pos.key);
                                                 setUniqueId(data.Id)
                                                 setSignerObjId(
diff --git a/microfrontends/SignDocuments/src/Component/component/signerListPlace.js b/microfrontends/SignDocuments/src/Component/component/signerListPlace.js
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useRef, useState } from "react";
 import { themeColor } from "../../utils/ThemeColor/backColor";
 import "../../css/signerListPlace.css";
 
@@ -48,6 +48,7 @@ function SignerListPlace({
   const [isHover, setIsHover] = useState();
   const [isEdit, setIsEdit] = useState(false);
   //function for onhover signer name change background color
+  const inputRef = useRef(null);
   const onHoverStyle = (ind, blockColor) => {
     const style = {
       background: blockColor ? blockColor : color[ind % color.length],
@@ -201,6 +202,7 @@ function SignerListPlace({
                           >
                             {isEdit?.[obj.Id] && handleRoleChange ? (
                               <input
+                                ref={inputRef}
                                 style={{
                                   backgroundColor: "transparent",
                                   width: "inherit"
@@ -211,6 +213,12 @@ function SignerListPlace({
                                   setIsEdit({});
                                   handleOnBlur(obj.Role, obj.Id);
                                 }}
+                                onKeyDown={(e) => {
+                                  if (e.key === "Enter") {
+                                    e.preventDefault();
+                                    inputRef.current.blur();
+                                  }
+                                }}
                               />
                             ) : (
                               obj.Role
diff --git a/microfrontends/SignDocuments/src/Component/placeHolderSign.js b/microfrontends/SignDocuments/src/Component/placeHolderSign.js
@@ -912,7 +912,6 @@ function PlaceHolderSign() {
     setIsAddUser({ [id]: true });
   };
   const handleAddUser = (data) => {
-    // console.log("hello", data);
     const signerPtr = {
       __type: "Pointer",
       className: "contracts_Contactbook",

Original file line number	Diff line number	Diff line change
`@@ -157,7 +157,7 @@ const ManageSign = () => {`
`157`	`157`	file = base64StringtoFile(image, `${replaceSpace}.png`);
`158`	`158`	`}`
`159`	`159`	`}`
`160`		`- console.log("isUrl ", isUrl);`
	`160`	`+ // console.log("isUrl ", isUrl);`
`161`	`161`	`let imgUrl;`
`162`	`162`	`if (!isUrl) {`
`163`	`163`	`imgUrl = await uploadFile(file);`