Merge pull request #1448 from AppQuality/fix-again

fix: add additional info for cancel payment card and update translations

Author: d-beezee

src/locales/en/translation.json

@@ -976,10 +976,10 @@
   "__PLAN_PAGE_MODULE_OTHER_INTERNET_HOME_TEXTAREA_PLACEHOLDER": "Insert any additional internet home providers that are not listed above",
   "__PLAN_PAGE_MODULE_OTHER_INTERNET_MOBILE_LABEL_HINT": "Specify additional internet mobile providers for participants",
   "__PLAN_PAGE_MODULE_OTHER_INTERNET_MOBILE_TEXTAREA_PLACEHOLDER": "Insert any additional internet mobile providers that are not listed above",
+  "__PLAN_PAGE_MODULE_OUT_OF_SCOPE_EMPTY": "No specified out of scope sections",
   "__PLAN_PAGE_MODULE_OUT_OF_SCOPE_HINT": "Write here",
   "__PLAN_PAGE_MODULE_OUT_OF_SCOPE_INFO": "Enter description (max 512 characters)",
   "__PLAN_PAGE_MODULE_OUT_OF_SCOPE_LABEL": "Specify areas that should be excluded from testing ",
-  "__PLAN_PAGE_MODULE_OUT_OF_SCOPE_EMPTY": "No specified out of scope sections",
   "__PLAN_PAGE_MODULE_OUT_OF_SCOPE_PLACEHOLDER": "Insert any sections that do not fit within the perimeter of the test.",
   "__PLAN_PAGE_MODULE_OUT_OF_SCOPE_REMOVE_TOOLTIP_BUTTON": "Delete",
   "__PLAN_PAGE_MODULE_OUT_OF_SCOPE_TITLE": "Out of scope",
@@ -1141,6 +1141,7 @@
   "__PLAN_PAGE_SUMMARY_TAB_ACTIVITY_INFO_PRICE_PREFIX": "From",
   "__PLAN_PAGE_SUMMARY_TAB_ACTIVITY_INFO_SUBMITTED_DESCRIPTION": "The activity is currently being processed. Some details may vary or need confirmation",
   "__PLAN_PAGE_SUMMARY_TAB_ACTIVITY_INFO_TITLE": "Activity info",
+  "__PLAN_PAGE_SUMMARY_TAB_CANCEL_PAYMENT_CARD_ADDITIONAL_INFO": "Your payment is processing on another page. Going back will cancel it and require revalidation.",
   "__PLAN_PAGE_SUMMARY_TAB_CONFIRMATION_CARD_CANCEL_PLAN_CTA": "Return to draft",
   "__PLAN_PAGE_SUMMARY_TAB_CONFIRMATION_CARD_CONFIRM_CTA": "Confirm Activity",
   "__PLAN_PAGE_SUMMARY_TAB_CONFIRMATION_CARD_CONFIRM_CTA_INFO_MESSAGE": "Once confirmed, your activity will begin on the scheduled date",

src/locales/it/translation.json

@@ -1009,6 +1009,7 @@
   "__PLAN_PAGE_MODULE_OTHER_INTERNET_HOME_TEXTAREA_PLACEHOLDER": "",
   "__PLAN_PAGE_MODULE_OTHER_INTERNET_MOBILE_LABEL_HINT": "",
   "__PLAN_PAGE_MODULE_OTHER_INTERNET_MOBILE_TEXTAREA_PLACEHOLDER": "",
+  "__PLAN_PAGE_MODULE_OUT_OF_SCOPE_EMPTY": "",
   "__PLAN_PAGE_MODULE_OUT_OF_SCOPE_HINT": "",
   "__PLAN_PAGE_MODULE_OUT_OF_SCOPE_INFO": "",
   "__PLAN_PAGE_MODULE_OUT_OF_SCOPE_LABEL": "",
@@ -1173,6 +1174,7 @@
   "__PLAN_PAGE_SUMMARY_TAB_ACTIVITY_INFO_PRICE_PREFIX": "",
   "__PLAN_PAGE_SUMMARY_TAB_ACTIVITY_INFO_SUBMITTED_DESCRIPTION": "",
   "__PLAN_PAGE_SUMMARY_TAB_ACTIVITY_INFO_TITLE": "",
+  "__PLAN_PAGE_SUMMARY_TAB_CANCEL_PAYMENT_CARD_ADDITIONAL_INFO": "",
   "__PLAN_PAGE_SUMMARY_TAB_CONFIRMATION_CARD_CANCEL_PLAN_CTA": "",
   "__PLAN_PAGE_SUMMARY_TAB_CONFIRMATION_CARD_CONFIRM_CTA": "",
   "__PLAN_PAGE_SUMMARY_TAB_CONFIRMATION_CARD_CONFIRM_CTA_INFO_MESSAGE": "",

src/pages/Plan/summary/components/DetailsCard.tsx

@@ -210,7 +210,19 @@ export const DetailsCard = () => {
       return <GoToCampaignButton />;
     }
     if (planComposedStatus === 'Paying') {
-      return <CancelPlanButton />;
+      return (
+        <>
+          <CancelPlanButton />
+          <SM
+            style={{
+              marginTop: appTheme.space.md,
+              color: appTheme.palette.grey[600],
+            }}
+          >
+            {t('__PLAN_PAGE_SUMMARY_TAB_CANCEL_PAYMENT_CARD_ADDITIONAL_INFO')}
+          </SM>
+        </>
+      );
     }
     return (
       <>