src/app/modules/employers/employers-list/users-list/add-signatory-modal/ModalForm.tsx

@@ -38,7 +38,7 @@ const editUserSchema = Yup.object().shape({
 
 const ModalForm: FC<Props> = ({ user, isUserLoading }) => {
 
-  const {closeCustomModal} = useCustomModal()
+  const {closeCustomModal, showCustomModal} = useCustomModal()
 
   const { setItemIdForUpdate } = useListView();
   const { refetch, isLoading } = useQueryResponse();
@@ -72,7 +72,7 @@ const ModalForm: FC<Props> = ({ user, isUserLoading }) => {
         if (isNotEmpty(values.id)) {
           await updateUser(values);
         } else {
-          await createSignatory(values);
+          await createSignatory({employer_uid:showCustomModal?.data?.id, ...values});
         }
       } catch (ex) {
         console.error(ex);

src/app/modules/employers/employers-list/users-list/table/columns/UserActionsCell.tsx

@@ -61,7 +61,7 @@ const UserActionsCell: FC<Props> = ({id}) => {
 
         {/* begin::Menu item */}
         <div className='menu-item px-3'>
-          <a className='menu-link px-3' onClick={()=>{openCustomModal(MODALNAMES.addSignatory, {})}}>
+          <a className='menu-link px-3' onClick={()=>{openCustomModal(MODALNAMES.addSignatory, {id})}}>
             Add Signatory
           </a>
         </div>

src/context/CustomModal.tsx

@@ -11,12 +11,12 @@ type ContextProps = {
 type ShowModalProps = {
     name?: string
     data?: {
-        [index: string]: string | number | undefined;
+        [index: string]: undefined | null | number | string;
     }
 }
 
 type DataProps = {
-    [index: string]: string | number | undefined;
+    [index: string]: undefined | null | number | string;
 }
 
 type ModalNames = {