(feat) Add revised medications table to the medications dashboard

packages/esm-patient-medications-app/src/index.ts

@@ -20,6 +20,11 @@ export const medicationsSummary = getSyncLifecycle(medicationsSummaryComponent,
 
 export const activeMedications = getSyncLifecycle(activeMedicationsComponent, options);
 
+export const revisedMedications = getAsyncLifecycle(
+  () => import('./revised-medications/revised-medications.component'),
+  options,
+);
+
 export const drugOrderPanel = getAsyncLifecycle(
   () => import('./drug-order-basket-panel/drug-order-basket-panel.extension'),
   options,

packages/esm-patient-medications-app/src/revised-medications/revised-medications.component.tsx

@@ -0,0 +1,42 @@
+import React from 'react';
+import { useTranslation } from 'react-i18next';
+import { DataTableSkeleton } from '@carbon/react';
+import { EmptyState, ErrorState, useLaunchWorkspaceRequiringVisit } from '@openmrs/esm-patient-common-lib';
+import MedicationsDetailsTable from '../components/medications-details-table.component';
+import { usePatientOrders } from '../api/api';
+
+interface RevisedMedicationsProps {
+  patientUuid: string;
+}
+
+const RevisedMedications: React.FC<RevisedMedicationsProps> = ({ patientUuid }) => {
+  const { t } = useTranslation();
+  const displayText = t('revisedMedicationsDisplayText', 'Revised medications');
+  const headerTitle = t('revisedMedicationsHeaderTitle', 'revised medications');
+
+  const { data: patientOrders, error, isLoading, isValidating } = usePatientOrders(patientUuid, 'any');
+
+  const revisedPatientOrders = patientOrders?.filter((order) => order.action == 'REVISE');
+
+  if (isLoading) return <DataTableSkeleton role="progressbar" />;
+
+  if (error) return <ErrorState error={error} headerTitle={headerTitle} />;
+
+  if (revisedPatientOrders?.length) {
+    return (
+      <MedicationsDetailsTable
+        isValidating={isValidating}
+        title={t('revisedMedicationsTableTitle', 'Revised Medications')}
+        medications={revisedPatientOrders}
+        showAddButton={false}
+        showDiscontinueButton={true}
+        showModifyButton={true}
+        showReorderButton={false}
+        patientUuid={patientUuid}
+      />
+    );
+  }
+  return <EmptyState displayText={displayText} headerTitle={headerTitle} />;
+};
+
+export default RevisedMedications;

packages/esm-patient-medications-app/src/routes.json

@@ -12,6 +12,14 @@
         "columnSpan": 1
       }
     },
+    {
+      "name": "revised-medications-id",
+      "component": "revisedMedications",
+      "slot": "patient-chart-medications-dashboard-slot",
+      "meta": {
+        "columnSpan": 1
+      }
+    },
     {
       "name": "active-medications-widget",
       "component": "activeMedications",

packages/esm-patient-medications-app/translations/en.json

@@ -73,6 +73,9 @@
   "refills": "Refills",
   "removeFromBasket": "Remove from basket",
   "reorder": "Reorder",
+  "revisedMedicationsDisplayText": "Revised medications",
+  "revisedMedicationsHeaderTitle": "revised medications",
+  "revisedMedicationsTableTitle": "Revised Medications",
   "saveOrder": "Save order",
   "searchAgain": "search again",
   "searchFieldPlaceholder": "Search for a drug or orderset (e.g. \"Aspirin\")",