KHP3-4526 Add edit enrollment button to redesigned care panel

palladiumkenya · Nov 7, 2023 · 7a6ac7b · 7a6ac7b
1 parent 65f3630
commit 7a6ac7b
Showing 1 changed file with 28 additions and 1 deletion.
diff --git a/packages/esm-care-panel-app/src/program-enrollment/program-enrollment.component.tsx b/packages/esm-care-panel-app/src/program-enrollment/program-enrollment.component.tsx
@@ -79,11 +79,13 @@ const ProgramEnrollment: React.FC<ProgramEnrollmentProps> = ({ enrollments = [],
     () =>
       orderedEnrollments?.map((enrollment) => {
         const firstEncounter = enrollment?.firstEncounter ?? {};
+        const enrollmentEncounterUuid = enrollment?.enrollmentEncounterUuid;
         return {
           id: `${enrollment.enrollmentUuid}`,
           ...enrollment,
           ...firstEncounter,
           changeReasons: enrollment?.firstEncounter?.changeReasons?.join(', '),
+          enrollmentEncounterUuid: enrollmentEncounterUuid,
         };
       }),
     [orderedEnrollments],
@@ -107,6 +109,26 @@ const ProgramEnrollment: React.FC<ProgramEnrollmentProps> = ({ enrollments = [],
     });
   };
 
+  const handleEditEnrollment = (enrollment) => {
+    launchPatientWorkspace('patient-form-entry-workspace', {
+      workspaceTitle: enrollment?.enrollmentFormName,
+      mutateForm: () => {
+        mutate((key) => true, undefined, {
+          revalidate: true,
+        });
+      },
+      formInfo: {
+        encounterUuid: enrollment?.enrollmentEncounterUuid,
+        formUuid: enrollment?.enrollmentFormUuid
+        ,
+        additionalProps:
+          { enrollmenrDetails: { dateEnrolled: new Date(enrollment.dateEnrolled), uuid: enrollment.enrollmentUuid } } ??
+          {},
+      },
+    });
+  };
+
+
   if (orderedEnrollments?.length === 0) {
     return null;
   }
@@ -151,10 +173,15 @@ const ProgramEnrollment: React.FC<ProgramEnrollmentProps> = ({ enrollments = [],
                       <TableCell className="cds--table-column-menu">
                         {isEmpty(orderedEnrollments[index]?.dateCompleted) && (
                           <OverflowMenu size="sm" flipped>
+                            <OverflowMenuItem
+                              hasDivider
+                              itemText={t('edit', 'Edit')}
+                              onClick={() => handleEditEnrollment(orderedEnrollments[index])}
+                            />
                             <OverflowMenuItem
                               isDelete
                               hasDivider
-                              itemText="Discontinue"
+                              itemText={t('discontinue', 'Discontinue')}
                               onClick={() => handleDiscontinue(orderedEnrollments[index])}
                             />
                           </OverflowMenu>