fix(modaltos): Translate modal ToS title

fccn/nau-technical#367
fccn · Dec 16, 2024 · 8797c6f · 8797c6f
1 parent 5d7e603
commit 8797c6f
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 4 deletions.
diff --git a/src/components/Footer.jsx b/src/components/Footer.jsx
@@ -154,7 +154,7 @@ class SiteFooter extends React.Component {
         </section>
         <AdditionalLogosSection />
         {
-          config.MODAL_UPDATE_TERMS_OF_SERVICE && <ModalToS />
+          config.MODAL_UPDATE_TERMS_OF_SERVICE && <ModalToS intl={intl} />
         }
       </footer>
     );

diff --git a/src/components/modal-tos/ModalToS.jsx b/src/components/modal-tos/ModalToS.jsx
@@ -2,7 +2,9 @@ import React, { useEffect, useState } from 'react';
 
 import { convertKeyNames, getConfig } from '@edx/frontend-platform';
 import { getAuthenticatedUser } from '@edx/frontend-platform/auth';
-import { FormattedMessage, getLocale, injectIntl } from '@edx/frontend-platform/i18n';
+import {
+  FormattedMessage, getLocale, injectIntl, intlShape,
+} from '@edx/frontend-platform/i18n';
 import {
   Button, Form, Hyperlink, ModalDialog, useToggle, useCheckboxSetValues,
   ActionRow,
@@ -21,7 +23,7 @@ const createTOSLink = (chunks, url) => (
   </Hyperlink>
 );
 
-const ModalToS = () => {
+const ModalToS = ({ intl }) => {
   const [tosPreference, setTosPreference] = useState(undefined);
   const [isOpen, open, close] = useToggle(false);
   const { width } = useWindowSize();
@@ -86,7 +88,7 @@ const ModalToS = () => {
 
   return (
     <ModalDialog
-      title="Modal Terms of Service"
+      title={intl.formatMessage({ id: 'modalToS.modalDialog.title', description: 'The Modal Terms of Service Title', defaultMessage: 'Modal accept Terms of Service' })}
       isBlocking
       isOpen={isOpen}
       onClose={close}
@@ -169,4 +171,8 @@ const ModalToS = () => {
   );
 };
 
+ModalToS.propTypes = {
+  intl: intlShape.isRequired,
+};
+
 export default injectIntl(ModalToS);
diff --git a/src/i18n/messages/pt_PT.json b/src/i18n/messages/pt_PT.json
@@ -2,6 +2,7 @@
     "footer.languageForm.select.label": "Escolha a língua",
     "footer.languageForm.submit.label": "Aplicar",
     "footer.copyright.message": "Todos os direitos reservados.",
+    "modalToS.modalDialog.title": "Modal aceitar Termos de Serviço",
     "modalToS.dataAuthorization.checkbox.label": "Li e compreendi a <a>Política de Privacidade</a>",
     "modalToS.termsOfService.checkbox.label": "Li, compreendi e aceito os <a>Termos e Condições</a>",
     "modalToS.honorCode.checkbox.label": "Li e compreendi o <a>Código de Honra</a>",