Fixed: Translation of T&C on SignUp page

Author: harmanbatheja15

client/modules/User/pages/SignupView.jsx

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Link } from 'react-router-dom';
 import { Helmet } from 'react-helmet';
-import { useTranslation } from 'react-i18next';
+import { useTranslation, Trans } from 'react-i18next';
 import SignupForm from '../components/SignupForm';
 import SocialAuthButton from '../components/SocialAuthButton';
 import Nav from '../../IDE/components/Header/Nav';
@@ -27,9 +27,13 @@ function SignupView() {
             <SocialAuthButton service={SocialAuthButton.services.google} />
           </div>
           <p className="form__navigation-options">
-            By signing up, you agree to the p5.js Editor&apos;s{' '}
-            <Link to="/terms-of-use">Terms of Use</Link> and{' '}
-            <Link to="/privacy-policy">Privacy Policy</Link>.
+            <Trans
+              i18nKey="SignupView.Warning"
+              components={[
+                <Link to="/terms-of-use">Terms of use</Link>,
+                <Link to="/privacy-policy">Privacy Policy</Link>
+              ]}
+            />
           </p>
           <p className="form__navigation-options">
             {t('SignupView.AlreadyHave')}{' '}

translations/locales/en-US/translations.json

@@ -366,7 +366,8 @@
     "Description": "Sign Up",
     "Or": "Or",
     "AlreadyHave": "Already have an account?",
-    "Login": "Log In"
+    "Login": "Log In",
+    "Warning": "By signing up, you agree to the p5.js Editor's <0>Terms of Use</0> and <1>Privacy Policy.</1>"
   },
   "EmailVerificationView": {
     "Title": "p5.js Web Editor | Email Verification",