From 46c06c9868bd8fc63ac3d6bd25fead00a893c3a5 Mon Sep 17 00:00:00 2001
From: Ivo Branco <ivo.branco@fccn.pt>
Date: Mon, 16 Dec 2024 17:03:17 +0000
Subject: [PATCH] fix(modaltos): fix translation presentation

The Modal Terms of Service was presenting the `&nbsp;` when using
the pt_pt or pt locales.

fccn/nau-technical#367
---
 src/_footer.scss                      | 11 +++++++++++
 src/components/modal-tos/ModalToS.jsx |  7 ++++---
 src/i18n/messages/pt_PT.json          |  8 ++++----
 3 files changed, 19 insertions(+), 7 deletions(-)

diff --git a/src/_footer.scss b/src/_footer.scss
index 13d9e6687..b3c522f0c 100644
--- a/src/_footer.scss
+++ b/src/_footer.scss
@@ -98,3 +98,14 @@ $footer-links-navigation-color: $footer-text;
     }
   }
 }
+
+.modal-terms-of-service {
+  .pgn__form-label{
+    .standalone-link {
+      &:before {
+        // Add a white space before MODAL TOS checkbox links
+        content: "\00a0";
+      }
+    }
+  }
+}
diff --git a/src/components/modal-tos/ModalToS.jsx b/src/components/modal-tos/ModalToS.jsx
index 86fca904f..114b16917 100644
--- a/src/components/modal-tos/ModalToS.jsx
+++ b/src/components/modal-tos/ModalToS.jsx
@@ -92,6 +92,7 @@ const ModalToS = () => {
       onClose={close}
       hasCloseButton={false}
       size="lg"
+      className="modal-terms-of-service"
     >
       {title[lang] && (
       <ModalDialog.Header>
@@ -114,7 +115,7 @@ const ModalToS = () => {
                   <FormattedMessage
                     id="modalToS.dataAuthorization.checkbox.label"
                     description="The label for the data authorization checkbox inside the TOS modal."
-                    defaultMessage="I have read and understood the&nbsp;<a>Privacy Policy</a>"
+                    defaultMessage="I have read and understood the <a>Privacy Policy</a>"
                     values={{
                       a: chunks => createTOSLink(chunks, PRIVACY_POLICY_URL),
                     }}
@@ -127,7 +128,7 @@ const ModalToS = () => {
                   <FormattedMessage
                     id="modalToS.termsOfService.checkbox.label"
                     description="The label for the terms of service checkbox inside the TOS modal."
-                    defaultMessage="I have read, understood and accept the&nbsp;<a>Terms and Conditions</a>"
+                    defaultMessage="I have read, understood and accept the <a>Terms and Conditions</a>"
                     values={{
                       a: chunks => createTOSLink(chunks, TERMS_OF_SERVICE_URL),
                     }}
@@ -140,7 +141,7 @@ const ModalToS = () => {
                   <FormattedMessage
                     id="modalToS.honorCode.checkbox.label"
                     description="The label for the honor code checkbox inside the TOS modal."
-                    defaultMessage="I have read and understood the&nbsp;<a>Honor Code</a>"
+                    defaultMessage="I have read and understood the <a>Honor Code</a>"
                     values={{
                       a: chunks => createTOSLink(chunks, TOS_AND_HONOR_CODE),
                     }}
diff --git a/src/i18n/messages/pt_PT.json b/src/i18n/messages/pt_PT.json
index f810af5bf..9f530a07e 100644
--- a/src/i18n/messages/pt_PT.json
+++ b/src/i18n/messages/pt_PT.json
@@ -2,8 +2,8 @@
     "footer.languageForm.select.label": "Escolha a língua",
     "footer.languageForm.submit.label": "Aplicar",
     "footer.copyright.message": "Todos os direitos reservados.",
-    "modalToS.dataAuthorization.checkbox.label": "Li e compreendi a&nbsp;<a>Política de Privacidade</a>",
-    "modalToS.termsOfService.checkbox.label": "Li, compreendi e aceito os&nbsp;<a>Termos e Condições</a>",
-    "modalToS.honorCode.checkbox.label": "Li e compreendi o&nbsp;<a>Código de Honra</a>",
+    "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>",
     "modalToS.acceptance.button": "Aceito os novos termos de serviço"
-}
+  }