fix: i18n new donate text (#40584)

client/i18n/locales/chinese/translations.json

@@ -314,6 +314,8 @@
     "efficiency": "freeCodeCamp 是一个高效率的专注教育的非营利组织。",
     "why-donate-1": "通过给 freeCodeCamp 捐款，你帮助人们学习新技能以供养家庭。",
     "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>.",
     "failed-pay": "呃，你的转账似乎没有成功。可以再试一次吗？",
     "try-again": "请重试。",
     "card-number": "你的卡号：",

client/i18n/locales/english/translations.json

@@ -336,6 +336,8 @@
     "efficiency": "freeCodeCamp is a highly efficient education nonprofit.",
     "why-donate-1": "When you donate to freeCodeCamp, you help people learn new skills and provide for their families.",
     "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>.",
     "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

@@ -314,6 +314,8 @@
     "efficiency": "freeCodeCamp is a highly efficient education nonprofit.",
     "why-donate-1": "When you donate to freeCodeCamp, you help people learn new skills and provide for their families.",
     "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>.",
     "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

@@ -324,6 +324,8 @@ const translationsSchema = strictObject({
     efficiency: stringType,
     'why-donate-1': stringType,
     'why-donate-2': stringType,
+    'bigger-donation': stringType,
+    'other-ways': stringType,
     'failed-pay': stringType,
     'try-again': stringType,
     'card-number': stringType,

client/src/components/Donation/DonationTextComponents.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { useTranslation } from 'react-i18next';
+import { useTranslation, Trans } from 'react-i18next';
 
 export const DonationSupportText = () => {
   const { t } = useTranslation();
@@ -28,33 +28,26 @@ export const DonationOptionsText = () => (
   <>
     <h4>
       <b>
-        Want to make a bigger one-time donation, mail us a check, or give in
-        other ways?
+        <Trans>donate.bigger-donation</Trans>
       </b>
     </h4>
     <p>
-      Here are many{' '}
-      <a
-        href={
-          'https://www.freecodecamp.org/news/how-to-donate-to-free-code-camp'
-        }
-      >
-        other ways you can support our non-profit's mission
-      </a>
-      .
+      <Trans i18nKey='donate.other-ways'>
+        <a href='https://www.freecodecamp.org/news/how-to-donate-to-free-code-camp'>
+          placeholder
+        </a>
+      </Trans>
     </p>
   </>
 );
 
 export const DonationOptionsAlertText = () => (
   <p>
-    Want to make a bigger one-time donation, mail us a check, or give in other
-    ways? Here are many{' '}
-    <a
-      href={'https://www.freecodecamp.org/news/how-to-donate-to-free-code-camp'}
-    >
-      other ways you can support our non-profit's mission
-    </a>
-    .
+    <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>
+    </Trans>
   </p>
 );