+
{/* Role Name and Permissions Row */}
{
@@ -515,9 +526,9 @@ const RecipientCards = ({
{/* Name and Email Fields */}
-
+
{/* Mobile: Stack vertically, Tablet+: Side by side */}
-
+
@@ -535,6 +546,26 @@ const RecipientCards = ({
{renderEditableField(recipient, "email", "Recipient Email", "", "email")}
+ {/* Action Buttons - START*/}
+ {signType != "self-sign" && (
+
+
+
+ )}
+ {/* Action Buttons - END*/}
@@ -600,26 +631,6 @@ const RecipientCards = ({
-
- {/* Action Buttons */}
- {signType != "self-sign" && (
-
-
-
- )}
>
diff --git a/src/components/process/processStepOne/SortableRecipient.tsx b/src/components/process/processStepOne/SortableRecipient.tsx
index ceeceef..8fb5353 100644
--- a/src/components/process/processStepOne/SortableRecipient.tsx
+++ b/src/components/process/processStepOne/SortableRecipient.tsx
@@ -4,7 +4,7 @@ import { MdDragIndicator } from "react-icons/md";
import { useSelector } from "react-redux";
import { RootState } from "../../../store/store";
-const SortableRecipient = ({ recipient, idx, editRecipientCurrentEmail, children }: any) => {
+const SortableRecipient = ({ recipient, idx, editRecipientCurrentEmail, children, signingOrder }: any) => {
const selectedRecipientsLen = useSelector((state: RootState) => state.selectedRecipients.recipients.length);
@@ -22,12 +22,12 @@ const SortableRecipient = ({ recipient, idx, editRecipientCurrentEmail, children
transition,
opacity: isDragging ? 0.6 : 1,
};
-
+
return (
@@ -37,7 +37,9 @@ const SortableRecipient = ({ recipient, idx, editRecipientCurrentEmail, children
{...listeners}
className="cursor-grab text-gray-500 flex items-center pr-2 absolute top-0 left-0 z-50"
>
-
+
+ {signingOrder && }
+
}
{/* Your card content */}
diff --git a/src/components/process/processStepTwo/NavTwo.tsx b/src/components/process/processStepTwo/NavTwo.tsx
index 8057faa..bbcbe4c 100644
--- a/src/components/process/processStepTwo/NavTwo.tsx
+++ b/src/components/process/processStepTwo/NavTwo.tsx
@@ -311,7 +311,7 @@ const NavTwo: React.FC
= ({
setShowActionsDropDown(false)
}}
className="cursor-pointer w-full text-left px-4 py-2 text-sm hover:bg-gray-100">
- Save
+ Save Changes