IO-808 Add claim and balance to payment modal

client/src/components/payment-form/payment-form.component.jsx

@@ -9,6 +9,7 @@ import Alert from "../alert/alert.component";
 import DatePickerFormItem from "../form-date-picker/form-date-picker.component";
 import CurrencyInput from "../form-items-formatted/currency-form-item.component";
 import JobSearchSelect from "../job-search-select/job-search-select.component";
+import PaymentFormTotalPayments from "./payment-form.totalpayments.component";
 
 const mapStateToProps = createStructuredSelector({
   bodyshop: selectBodyshop,
@@ -39,8 +40,18 @@ export function PaymentFormComponent({
           },
         ]}
       >
-        <JobSearchSelect disabled={disabled} notExported={false} />
+        <JobSearchSelect disabled={disabled} notExported={false} clm_no />
       </Form.Item>
+      <Form.Item
+        shouldUpdate={(prev, cur) => cur.jobid && prev.jobid !== cur.jobid}
+      >
+        {() => {
+          return (
+            <PaymentFormTotalPayments jobid={form.getFieldValue("jobid")} />
+          );
+        }}
+      </Form.Item>
+
       <Form.Item
         label={t("payments.fields.amount")}
         name="amount"