feat(client): Translatable donation link

Replaces the "other ways to donate" link with a
swappable translation token - allowing us to use
localised versions of the news article when
they are available.

Signed-off-by: nhcarrigan <nhcarrigan@gmail.com>

client/i18n/locales/chinese/translations.json

@@ -345,6 +345,7 @@
     "why-donate-2": "你也帮助我们创建新的学习资源，你可以利用这些资源拓展自己的技术能力。",
     "bigger-donation": "Want to make a bigger one-time donation, mail us a check, or give in other ways?",
     "other-ways": "Here are many <0>other ways we could support our non-profit's mission</0>.",
+    "other-ways-url": "https://www.freecodecamp.org/news/how-to-donate-to-free-code-camp",
     "failed-pay": "呃，你的转账似乎没有成功。可以再试一次吗？",
     "try-again": "请重试。",
     "card-number": "你的卡号：",

client/i18n/locales/english/translations.json

@@ -347,6 +347,7 @@
     "why-donate-2": "You also help us create new resources for you to use to expand your own technology skills.",
     "bigger-donation": "Want to make a bigger one-time donation, mail us a check, or give in other ways?",
     "other-ways": "Here are many <0>other ways you can support our non-profit's mission</0>.",
+    "other-ways-url": "https://www.freecodecamp.org/news/how-to-donate-to-free-code-camp",
     "failed-pay": "Uh - oh. It looks like your transaction didn't go through. Could you please try again?",
     "try-again": "Please try again.",
     "card-number": "Your Card Number:",

client/i18n/locales/espanol/translations.json

@@ -347,6 +347,7 @@
     "why-donate-2": "You also help us create new resources for you to use to expand your own technology skills.",
     "bigger-donation": "Want to make a bigger one-time donation, mail us a check, or give in other ways?",
     "other-ways": "Here are many <0>other ways we could support our non-profit's mission</0>.",
+    "other-ways-url": "https://www.freecodecamp.org/news/how-to-donate-to-free-code-camp",
     "failed-pay": "Uh - oh. It looks like your transaction didn't go through. Could you please try again?",
     "try-again": "Please try again.",
     "card-number": "Your Card Number:",

client/i18n/translations-schema.js

@@ -335,6 +335,7 @@ const translationsSchema = strictObject({
     'why-donate-2': stringType,
     'bigger-donation': stringType,
     'other-ways': stringType,
+    'other-ways-url': stringType,
     'failed-pay': stringType,
     'try-again': stringType,
     'card-number': stringType,

client/src/components/Donation/DonationTextComponents.js

@@ -24,7 +24,9 @@ export const DonationText = () => {
   );
 };
 
-export const DonationOptionsText = () => (
+export const DonationOptionsText = () => {
+  const { t } = useTranslation();
+  return (
     <>
       <h4>
         <b>
@@ -33,21 +35,21 @@ export const DonationOptionsText = () => (
       </h4>
       <p>
         <Trans i18nKey='donate.other-ways'>
-        <a href='https://www.freecodecamp.org/news/how-to-donate-to-free-code-camp'>
-          placeholder
-        </a>
+          <a href={t('donate.other-ways-url')}>placeholder</a>
         </Trans>
       </p>
     </>
   );
+};
 
-export const DonationOptionsAlertText = () => (
+export const DonationOptionsAlertText = () => {
+  const { t } = useTranslation();
+  return (
     <p>
       <Trans>donate.bigger-donation</Trans>{' '}
       <Trans i18nKey='donate.other-ways'>
-      <a href='https://www.freecodecamp.org/news/how-to-donate-to-free-code-camp'>
-        placeholder
-      </a>
+        <a href={t('donate.other-ways-url')}>placeholder</a>
       </Trans>
     </p>
   );
+};