O3-2551 Make hard-coded maximum duration of dispense in medications a… (

#1455) * O3-2551 Make hard-coded maximum duration of dispense in medications app configurable * code review * Update packages/esm-patient-medications-app/src/config-schema.ts Co-authored-by: Pius Rubangakene <[email protected]> --------- Co-authored-by: Pius Rubangakene <[email protected]>
openmrs · Nov 7, 2023 · 2390fa9 · 2390fa9
1 parent 31634d8
commit 2390fa9
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/packages/esm-patient-medications-app/src/add-drug-order/drug-order-form.component.tsx b/packages/esm-patient-medications-app/src/add-drug-order/drug-order-form.component.tsx
@@ -236,6 +236,7 @@ export function DrugOrderForm({ initialOrderBasketItem, onSave, onCancel }: Drug
   const [showStickyMedicationHeader, setShowMedicationHeader] = useState(false);
   const { patient, isLoading: isLoadingPatientDetails } = usePatient();
   const patientName = `${patient?.name?.[0]?.given?.join(' ')} ${patient?.name?.[0].family}`;
+  const { maxDispenseDurationInDays } = useConfig();
 
   const observer = useRef(null);
   const medicationInfoHeaderRef = useCallback(
@@ -506,7 +507,7 @@ export function DrugOrderForm({ initialOrderBasketItem, onSave, onCancel }: Drug
                       label={t('duration', 'Duration')}
                       min={0}
                       step={1}
-                      max={99}
+                      max={maxDispenseDurationInDays}
                       allowEmpty={true}
                     />
                   ) : (
@@ -632,6 +633,7 @@ export function DrugOrderForm({ initialOrderBasketItem, onSave, onCancel }: Drug
 
 const CustomNumberInput = ({ setValue, control, name, labelText, ...inputProps }) => {
   const { t } = useTranslation();
+  const { maxDispenseDurationInDays } = useConfig();
 
   const {
     field: { onBlur, onChange, value, ref },
@@ -643,7 +645,7 @@ const CustomNumberInput = ({ setValue, control, name, labelText, ...inputProps }
   };
 
   const increment = () => {
-    setValue(name, Math.min(Number(value) + 1, 99));
+    setValue(name, Math.min(Number(value) + 1, maxDispenseDurationInDays));
   };
 
   const decrement = () => {

diff --git a/packages/esm-patient-medications-app/src/config-schema.ts b/packages/esm-patient-medications-app/src/config-schema.ts
@@ -25,6 +25,11 @@ export const configSchema = {
     _description:
       'Determines whether or not to display the Print button in both the active and past medications datatable headers. If set to true, a Print button gets shown in both the active and past medications table headers. When clicked, this button enables the user to print out the contents of the table',
   },
+  maxDispenseDurationInDays: {
+    _type: Type.Number,
+    _default: 99,
+    _description: 'The maximum number of days for medication dispensing.',
+  },
 };
 
 export interface ConfigObject {
@@ -34,4 +39,5 @@ export interface ConfigObject {
   };
   drugOrderTypeUUID: string;
   showPrintButton: boolean;
+  maxDispenseDurationInDays: number;
 }