From 34f19bd698724a75ef71b96fa9619e87060ce999 Mon Sep 17 00:00:00 2001
From: sidemt <siideemt@gmail.com>
Date: Tue, 14 Dec 2021 23:42:57 +0900
Subject: [PATCH] fix(i18n): include period in translatable string (#44474)

* fix: include period in translatable string

* chore: update snapshot

* fix: combine 2 strings into 1

* fix: add placeholder

* fix: update snapshot

Co-authored-by: Mrugesh Mohapatra <hi@mrugesh.dev>
---
 client/i18n/locales/english/translations.json      |  3 +--
 .../Footer/__snapshots__/footer.test.tsx.snap      |  5 ++---
 client/src/components/Footer/index.tsx             | 14 ++++++++------
 3 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/client/i18n/locales/english/translations.json b/client/i18n/locales/english/translations.json
index 373bc45cf3..3a0bbc5ff3 100644
--- a/client/i18n/locales/english/translations.json
+++ b/client/i18n/locales/english/translations.json
@@ -216,8 +216,7 @@
     "tax-exempt-status": "freeCodeCamp is a donor-supported tax-exempt 501(c)(3) nonprofit organization (United States Federal Tax Identification Number: 82-0779546)",
     "mission-statement": "Our mission: to help people learn to code for free. We accomplish this by creating thousands of videos, articles, and interactive coding lessons - all freely available to the public. We also have thousands of freeCodeCamp study groups around the world.",
     "donation-initiatives": "Donations to freeCodeCamp go toward our education initiatives, and help pay for servers, services, and staff.",
-    "donate-text": "You can",
-    "donate-link": "make a tax-deductible donation here",
+    "donate-text": "You can <1>make a tax-deductible donation here</1>.",
     "trending-guides": "Trending Guides",
     "our-nonprofit": "Our Nonprofit",
     "links": {
diff --git a/client/src/components/Footer/__snapshots__/footer.test.tsx.snap b/client/src/components/Footer/__snapshots__/footer.test.tsx.snap
index affa2e18d4..526ecff419 100644
--- a/client/src/components/Footer/__snapshots__/footer.test.tsx.snap
+++ b/client/src/components/Footer/__snapshots__/footer.test.tsx.snap
@@ -25,13 +25,12 @@ exports[`<Footer /> matches snapshot 1`] = `
         <p
           className="footer-donation"
         >
-          footer.donate-text
-           
+          You can
           <a
             className="inline"
             href="/donate"
           >
-            footer.donate-link
+            make a tax-deductible donation here
           </a>
           .
         </p>
diff --git a/client/src/components/Footer/index.tsx b/client/src/components/Footer/index.tsx
index 7f7e8cc7e6..fed253ccbd 100644
--- a/client/src/components/Footer/index.tsx
+++ b/client/src/components/Footer/index.tsx
@@ -1,5 +1,5 @@
 import React from 'react';
-import { useTranslation } from 'react-i18next';
+import { Trans, useTranslation } from 'react-i18next';
 import Link from '../helpers/link';
 import './footer.css';
 
@@ -15,11 +15,13 @@ function Footer(): JSX.Element {
             <p>{t('footer.mission-statement')}</p>
             <p>{t('footer.donation-initiatives')}</p>
             <p className='footer-donation'>
-              {t('footer.donate-text')}{' '}
-              <Link className='inline' to='/donate'>
-                {t('footer.donate-link')}
-              </Link>
-              .
+              <Trans i18nKey='footer.donate-text'>
+                You can
+                <Link className='inline' to='/donate'>
+                  make a tax-deductible donation here
+                </Link>
+                .
+              </Trans>
             </p>
           </div>
           <div className='trending-guides'>