Show validation to add atleast one payment

openmrs · Jun 20, 2024 · c757c19 · c757c19
1 parent 2b06959
commit c757c19
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/billable-services/create-edit/add-billable-service.component.tsx b/src/billable-services/create-edit/add-billable-service.component.tsx
@@ -129,6 +129,14 @@ const AddBillableService: React.FC = () => {
     );
   };
 
+  const getPaymentErrorMessage = () => {
+    const paymentError = errors.payment;
+    if (paymentError && typeof paymentError.message === 'string') {
+      return paymentError.message;
+    }
+    return null;
+  };
+
   return (
     <Form className={styles.form}>
       <h4>{t('addBillableServices', 'Add Billable Services')}</h4>
@@ -302,6 +310,7 @@ const AddBillableService: React.FC = () => {
             iconDescription="Add">
             {t('addPaymentOptions', 'Add payment option')}
           </Button>
+          {getPaymentErrorMessage() && <div className={styles.errorMessage}>{getPaymentErrorMessage()}</div>}
         </div>
       </section>