CM-729: added adjustments to the frontend

openimis · Feb 22, 2024 · f7f7102 · f7f7102
1 parent bdbe778
commit f7f7102
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 8 deletions.
diff --git a/src/actions.js b/src/actions.js
@@ -22,6 +22,7 @@ const ENROLLMENT_SUMMARY_FULL_PROJECTION = () => [
   'numberOfIndividualsAssignedToProgramme',
   'numberOfIndividualsNotAssignedToProgramme',
   'numberOfIndividualsAssignedToSelectedProgramme',
+  'numberOfIndividualsToUpload',
 ];
 
 export function fetchWorkflows() {

diff --git a/src/components/dialogs/AdvancedCriteriaForm.js b/src/components/dialogs/AdvancedCriteriaForm.js
@@ -264,7 +264,7 @@ function AdvancedCriteriaForm({
         </div>
         <Divider />
         <Grid container spacing={2}>
-          <Grid item xs={4}>
+          <Grid item xs={6}>
             <Paper elevation={3} style={{ padding: '20px' }}>
               <Typography variant="h6" gutterBottom>
                 {formatMessage(intl, 'individual', 'individual.enrollment.totalNumberOfIndividuals')}
@@ -274,7 +274,7 @@ function AdvancedCriteriaForm({
               </Typography>
             </Paper>
           </Grid>
-          <Grid item xs={4}>
+          <Grid item xs={6}>
             <Paper elevation={3} style={{ padding: '20px' }}>
               <Typography variant="h6" gutterBottom>
                 {formatMessage(intl, 'individual', 'individual.enrollment.numberOfSelectedIndividuals')}
@@ -284,7 +284,7 @@ function AdvancedCriteriaForm({
               </Typography>
             </Paper>
           </Grid>
-          <Grid item xs={4}>
+          <Grid item xs={6}>
             <Paper elevation={3} style={{ padding: '20px' }}>
               <Typography variant="h6" gutterBottom>
                 {formatMessage(intl, 'individual', 'individual.enrollment.numberOfIndividualsAssignedToProgramme')}
@@ -294,7 +294,7 @@ function AdvancedCriteriaForm({
               </Typography>
             </Paper>
           </Grid>
-          <Grid item xs={4}>
+          <Grid item xs={6}>
             <Paper elevation={3} style={{ padding: '20px' }}>
               <Typography variant="h6" gutterBottom>
                 {formatMessage(intl, 'individual', 'individual.enrollment.numberOfIndividualsNotAssignedToProgramme')}
@@ -304,7 +304,7 @@ function AdvancedCriteriaForm({
               </Typography>
             </Paper>
           </Grid>
-          <Grid item xs={4}>
+          <Grid item xs={6}>
             <Paper elevation={3} style={{ padding: '20px' }}>
               <Typography variant="h6" gutterBottom>
                 {/* eslint-disable-next-line max-len */}
@@ -315,6 +315,17 @@ function AdvancedCriteriaForm({
               </Typography>
             </Paper>
           </Grid>
+          <Grid item xs={6}>
+            <Paper elevation={3} style={{ padding: '20px' }}>
+              <Typography variant="h6" gutterBottom>
+                {/* eslint-disable-next-line max-len */}
+                {formatMessage(intl, 'individual', 'individual.enrollment.numberOfIndividualsToBeUploaded')}
+              </Typography>
+              <Typography variant="body1">
+                {enrollmentSummary.numberOfIndividualsToUpload}
+              </Typography>
+            </Paper>
+          </Grid>
         </Grid>
         <Grid container spacing={4}>
           <Grid item xs={5} />

diff --git a/src/translations/en.json b/src/translations/en.json
@@ -62,9 +62,10 @@
       "mutationLabel": "Enrollment has been confirmed",
       "numberOfSelectedIndividuals": "Total Number Of Selected Individuals",
       "totalNumberOfIndividuals": "Total Number of Individuals",
-      "numberOfIndividualsAssignedToProgramme": "Number of Individuals Assigned To Any Programme",
-      "numberOfIndividualsNotAssignedToProgramme": "Number of Individuals Unassigned to Any Program",
-      "numberOfIndividualsAssignedToSelectedProgramme": "Number Of Individuals Assigned to Selected Programme",
+      "numberOfIndividualsAssignedToProgramme": "Number of Individuals Already Assigned To Any Programme",
+      "numberOfIndividualsNotAssignedToProgramme": "Number of Individuals Without Assignment to Program",
+      "numberOfIndividualsAssignedToSelectedProgramme": "Number Of Individuals Already Assigned to Selected Programme",
+      "numberOfIndividualsToBeUploaded": "Number Of Individuals to be Uploaded",
       "confirmMessageDialog": "Are you sure you want to confirm the enrollment of the selected individuals into the {benefitPlanName} Programme?"
     },
     "saveButton.tooltip.enabled": "Save changes",