feat(payment): update choose offer modal title and subtitle

jwplayer · May 23, 2022 · a474b2a · a474b2a
1 parent 996376b
commit a474b2a
Show file tree

Hide file tree

Showing 5 changed files with 13 additions and 8 deletions.
diff --git a/src/components/ChooseOfferForm/ChooseOfferForm.tsx b/src/components/ChooseOfferForm/ChooseOfferForm.tsx
@@ -111,8 +111,8 @@ const ChooseOfferForm: React.FC<Props> = ({
   return (
     <form onSubmit={onSubmit} data-testid={IS_DEV_BUILD ? 'choose-offer-form' : undefined} noValidate>
       {onBackButtonClickHandler ? <DialogBackButton onClick={onBackButtonClickHandler} /> : null}
-      <h2 className={styles.title}>{t('choose_offer.subscription')}</h2>
-      <h3 className={styles.subtitle}>{t('choose_offer.all_movies_and_series_of_platform', { siteName })}</h3>
+      <h2 className={styles.title}>{t('choose_offer.title')}</h2>
+      <h3 className={styles.subtitle}>{t('choose_offer.watch_this_on_platform', { siteName })}</h3>
       {errors.form ? <FormFeedback variant="error">{errors.form}</FormFeedback> : null}
       {!!tvodOffers.length && (!!yearlyOffer || !!monthlyOffer) && (
         <div className={styles.offerGroupSwitch}>

diff --git a/src/components/ChooseOfferForm/__snapshots__/ChooseOfferForm.test.tsx.snap b/src/components/ChooseOfferForm/__snapshots__/ChooseOfferForm.test.tsx.snap
@@ -9,12 +9,12 @@ exports[`<OffersForm> > renders and matches snapshot 1`] = `
     <h2
       class="title"
     >
-      choose_offer.subscription
+      choose_offer.title
     </h2>
     <h3
       class="subtitle"
     >
-      choose_offer.all_movies_and_series_of_platform
+      choose_offer.watch_this_on_platform
     </h3>
     <div
       class="offerGroupSwitch"
@@ -260,12 +260,12 @@ exports[`<OffersForm> > renders and matches snapshot 2`] = `
     <h2
       class="title"
     >
-      choose_offer.subscription
+      choose_offer.title
     </h2>
     <h3
       class="subtitle"
     >
-      choose_offer.all_movies_and_series_of_platform
+      choose_offer.watch_this_on_platform
     </h3>
     <div
       class="offerGroupSwitch"

diff --git a/src/i18n/locales/en_US/account.json b/src/i18n/locales/en_US/account.json
@@ -38,7 +38,6 @@
     "yearly": "Yearly subscription"
   },
   "choose_offer": {
-    "all_movies_and_series_of_platform": "All movies and series of {{siteName}}",
     "benefits": {
       "cancel_anytime": "Cancel anytime",
       "first_days_free": "First day free",
@@ -54,7 +53,10 @@
     "offer_not_found": "Offer not found, please try reloading the page",
     "one_time_only": "One time only",
     "subscription": "Subscription",
+    "title": "Choose offer",
     "tvod_access": "{{count}} {{period}} access",
+    "tvod_access_plural": "{{count}} {{period}} access",
+    "watch_this_on_platform": "Watch this on {{siteName}}",
     "yearly": "Yearly",
     "yearly_subscription": "Yearly subscription"
   },

diff --git a/src/i18n/locales/nl_NL/account.json b/src/i18n/locales/nl_NL/account.json
@@ -38,7 +38,6 @@
     "yearly": ""
   },
   "choose_offer": {
-    "all_movies_and_series_of_platform": "",
     "benefits": {
       "cancel_anytime": "",
       "first_days_free": "",
@@ -54,7 +53,10 @@
     "offer_not_found": "",
     "one_time_only": "",
     "subscription": "",
+    "title": "",
     "tvod_access": "",
+    "tvod_access_plural": "",
+    "watch_this_on_platform": "",
     "yearly": "",
     "yearly_subscription": ""
   },

diff --git a/src/i18n/locales/nl_NL/video.json b/src/i18n/locales/nl_NL/video.json
@@ -1,6 +1,7 @@
 {
   "add_to_favorites": "",
   "all_seasons": "",
+  "buy": "",
   "complete_your_subscription": "",
   "continue_watching": "",
   "copied_url": "",