From 43b5fb6f5a8585378eb48c2c86bd5bb34b569340 Mon Sep 17 00:00:00 2001
From: sniedzielski <sniedzielski@soldevelo.com>
Date: Thu, 14 Mar 2024 11:53:14 +0100
Subject: [PATCH] CM-770: adjustments on frontend level - tip, upgrading
 fragments

---
 src/components/PaymentPlanHeadPanel.js | 66 +++++++++++++++-----------
 src/translations/en.json               |  5 +-
 2 files changed, 41 insertions(+), 30 deletions(-)

diff --git a/src/components/PaymentPlanHeadPanel.js b/src/components/PaymentPlanHeadPanel.js
index f60e207..d79c369 100644
--- a/src/components/PaymentPlanHeadPanel.js
+++ b/src/components/PaymentPlanHeadPanel.js
@@ -278,35 +278,45 @@ class PaymentPlanHeadPanel extends FormPanel {
                             />
                         </Grid>
                     </Grid>
-                    <Divider />                 
-                    <Fragment>
-                        <div className={classes.item}>
-                            <FormattedMessage module="contributionPlan" id="paymentPlan.advancedCriteria" />
-                        </div>
-                        <Divider />
-                        <Grid container className={classes.item}>
-                        {paymentPlanType.replace(/\s+/g, '') === PAYMENT_PLAN_TYPE.BENEFIT_PLAN && (
-                            <AdvancedCriteriaDialog
-                                object={paymentPlan.benefitPlan}
-                                objectToSave={paymentPlan}
-                                moduleName="social_protection"
-                                objectType="BenefitPlan"
-                                setAppliedCustomFilters={this.setAppliedCustomFilters}
-                                appliedCustomFilters={appliedCustomFilters}
-                                appliedFiltersRowStructure={appliedFiltersRowStructure}
-                                setAppliedFiltersRowStructure={this.setAppliedFiltersRowStructure}
-                                updateAttributes={this.updateJsonExt}
-                                getDefaultAppliedCustomFilters={this.getDefaultAppliedCustomFilters}
-                                edited={this.props.edited}
-                            />
-                        )}
-                        </Grid>
-                    </Fragment>
-                    <Divider />
+                    {paymentPlanType.replace(/\s+/g, '') === PAYMENT_PLAN_TYPE.BENEFIT_PLAN && (
+                    <>
+                      <Divider />
+                        <Fragment>
+                            <Typography>
+                                <div className={classes.item}>
+                                    <FormattedMessage module="contributionPlan" id="paymentPlan.advancedCriteria" />
+                                </div>
+                            </Typography>
+                            <div className={classes.item}>
+                                <FormattedMessage module="contributionPlan" id="paymentPlan.advancedCriteria.tip" />
+                            </div>
+                            <Divider />
+                            <Grid container className={classes.item}>
+
+                                <AdvancedCriteriaDialog
+                                    object={paymentPlan.benefitPlan}
+                                    objectToSave={paymentPlan}
+                                    moduleName="social_protection"
+                                    objectType="BenefitPlan"
+                                    setAppliedCustomFilters={this.setAppliedCustomFilters}
+                                    appliedCustomFilters={appliedCustomFilters}
+                                    appliedFiltersRowStructure={appliedFiltersRowStructure}
+                                    setAppliedFiltersRowStructure={this.setAppliedFiltersRowStructure}
+                                    updateAttributes={this.updateJsonExt}
+                                    getDefaultAppliedCustomFilters={this.getDefaultAppliedCustomFilters}
+                                    edited={this.props.edited} />
+
+                            </Grid>
+                        </Fragment>
+                      <Divider />
+                    </>
+                    )}
                     <Fragment>
-                        <div className={classes.item}>
-                            <FormattedMessage module="contributionPlan" id="calculationParams" />
-                        </div>
+                        <Typography>
+                            <div className={classes.item}>
+                                <FormattedMessage module="contributionPlan" id="calculationParams" />
+                            </div>
+                        </Typography>
                         <Divider />
                         <Grid container className={classes.item}>
                             <Contributions
diff --git a/src/translations/en.json b/src/translations/en.json
index 6db5037..0963e76 100644
--- a/src/translations/en.json
+++ b/src/translations/en.json
@@ -87,14 +87,15 @@
     "paymentPlan.type.product": "Product",
     "paymentPlan.type.benefitplan": "Benefit Plan",
     "paymentPlan.advancedCriteria": "Advanced Criteria",
+    "paymentPlan.advancedCriteria.tip": "Please click the 'Confirm Filters' button to apply your chosen criteria.",
     "paymentPlan.advancedCriteria.field": "Field",
-    "paymentPlan.advancedCriteria.filter": "Filter",
+    "paymentPlan.advancedCriteria.filter": "Confirm Filters",
     "paymentPlan.advancedCriteria.value": "Value",
     "paymentPlan.advancedCriteria.amount": "Amount",
     "paymentPlan.advancedCriteria.button.AdvancedCriteria": "Advanced Criteria",
     "paymentPlan.advancedCriteria.button.addFilters": "Add filter",
     "paymentPlan.advancedCriteria.button.clearAllFilters": "Clear All Criteria",
     "paymentPlan.advancedCriteria.button.cancel": "Cancel",
-    "paymentPlan.advancedCriteria.button.filter": "Filter",
+    "paymentPlan.advancedCriteria.button.filter": "Confirm Filters",
     "paymentPlanPicker.label": "Payment Plan Picker"
 }