diff --git a/client/src/components/AboutCard/AboutCard.tsx b/client/src/components/AboutCard/AboutCard.tsx index 21886650..84b20742 100644 --- a/client/src/components/AboutCard/AboutCard.tsx +++ b/client/src/components/AboutCard/AboutCard.tsx @@ -9,7 +9,7 @@ interface AboutCardProps { imgSrc?: string; header: string; size: 'small' | 'large'; - linkText?: string; + linkText?: string | JSX.Element; url?: string; openUrlNewTab?: boolean; className?: string; @@ -62,7 +62,7 @@ const AboutCard = (props: React.PropsWithChildren) => { diff --git a/client/src/components/Indicator/Indicator.tsx b/client/src/components/Indicator/Indicator.tsx index 7b90cb8c..5094d82d 100644 --- a/client/src/components/Indicator/Indicator.tsx +++ b/client/src/components/Indicator/Indicator.tsx @@ -88,8 +88,6 @@ export const IndicatorValueSubText = ({value, isAboveThresh, threshold, isPercen : } - - {/* {!isPercent && `th`} */} {` `} { isPercent ? @@ -105,13 +103,34 @@ export const IndicatorValueSubText = ({value, isAboveThresh, threshold, isPercen * just the suffix portion if the value is a percentile. This function will add * a superscript styling to just the suffix portion of percentile values. * + * The i18n variable named i18nOrdinalSuffix, in the IndicatorValue function defines the + * various prefixes. The Spanish version of the i18n variable works in a similar manner, + * however has a differnce. The superscripting is different for Spanish. + * In Spanish, the suffix is a ".a" and ".o", where only the "a" and "o" are superscripted. + * This function handles this case. + * + * Verbatim from translation team: + * We suggest changing this to the Spanish ordinal number abbreviation, which is .o for masculine + * and .a for feminine gendered words. ***Since this ranking applies to the communities of focus, + * which use a feminine gender in Spanish, we recommend that the th ordinal abbreviation in English + * be substituted with the feminine ordinal abbreviation in Spanish: .a throughout the text. + * E.g., 19th would be 19.a in Spanish and 65th would be 65.a + * * @param {string} indicatorValueWithSuffix * @return {string} */ export const superscriptOrdinal = (indicatorValueWithSuffix:string) => { + // Spanish case: + if (indicatorValueWithSuffix.indexOf('.') !== -1) { + const ordinalSuffix = indicatorValueWithSuffix.charAt(indicatorValueWithSuffix.length - 1); + const indicatorValue = indicatorValueWithSuffix.slice(0, -1); + + return <>{indicatorValue}{ordinalSuffix}; + } + + // English case: const valueRegEx = /[0-9]{1,2}/; const suffixRegEx = /[a-z]{2}/; // ie, (st, nd, rd, th) - const indicatorValue = valueRegEx.exec(indicatorValueWithSuffix); const ordinalSuffix = suffixRegEx.exec(indicatorValueWithSuffix); diff --git a/client/src/components/LinkTypeWrapper/LinkTypeWrapper.tsx b/client/src/components/LinkTypeWrapper/LinkTypeWrapper.tsx index 68d46736..86306d66 100644 --- a/client/src/components/LinkTypeWrapper/LinkTypeWrapper.tsx +++ b/client/src/components/LinkTypeWrapper/LinkTypeWrapper.tsx @@ -5,7 +5,7 @@ import {Link as TrussLink} from '@trussworks/react-uswds'; import {IDefineMessage} from '../../data/copy/common'; interface ILinkTypeWrapper { - linkText?: string; + linkText?: string | JSX.Element; internal?: boolean; url: string | IDefineMessage; openUrlNewTab?: boolean; diff --git a/client/src/data/copy/about.tsx b/client/src/data/copy/about.tsx index 9729a665..8f234a25 100644 --- a/client/src/data/copy/about.tsx +++ b/client/src/data/copy/about.tsx @@ -2,7 +2,7 @@ import React from 'react'; import {defineMessages} from 'react-intl'; import {FormattedMessage} from 'gatsby-plugin-intl'; -import {italicFn, linkFn} from './common'; +import {italicFn, linkFn, FEEDBACK_EMAIL} from './common'; export const EXEC_ORDER_LINK = 'https://www.federalregister.gov/documents/2021/02/01/2021-02177/tackling-the-climate-crisis-at-home-and-abroad#:~:text=Sec.%20223.%20Justice40,40-percent%20goal.'; export const FAQS_LINK = 'https://www.whitehouse.gov/wp-content/uploads/2022/02/CEQ-CEJST-QandA.pdf'; @@ -185,4 +185,17 @@ export const GET_INVOLVED = defineMessages({ }, }); +export const GET_INVOLVED_COMMENTS = { + EMAIL: + , +}; diff --git a/client/src/intl/en.json b/client/src/intl/en.json index 0153b98f..4cacf94c 100644 --- a/client/src/intl/en.json +++ b/client/src/intl/en.json @@ -51,6 +51,10 @@ "defaultMessage": "Join the open source community", "description": "Navigate to the About page. This is the join the community heading" }, + "about.page.send.feedback.email.link": { + "defaultMessage": "Email: {email}", + "description": "about page sub header text" + }, "about.page.send.feedback.heading": { "defaultMessage": "Send feedback", "description": "Navigate to the About page. This is the sending feedback heading" diff --git a/client/src/intl/es.json b/client/src/intl/es.json index 62e0ec8c..11c2a6b0 100644 --- a/client/src/intl/es.json +++ b/client/src/intl/es.json @@ -13,14 +13,15 @@ "about.page.join.open.source.link": "Véala en GitHub", "about.page.join.opensource.heading": "Súmese a la comunidad de código abierto.", "about.page.send.feedback.heading": "Enviar comentarios", + "about.page.send.feedback.email.link": "Correo electrónico: {email}", "about.page.send.feedback.info": "¿Tiene ideas sobre datos e información que reflejen las experiencias y las condiciones de su comunidad?", - "about.page.sub.header.1.text.1": "En la Orden ejecutiva 14008 sobre Hacer frente a la crisis climática en el país y en el extranjero, el presidente Biden impartió instrucciones al Consejo sobre la Calidad del Medio Ambiente (CEQ, por sus siglas en inglés) de crear una Herramienta para la evaluación de la justicia climática y económica. El propósito de la herramienta es ayudar a las dependencias del gobierno federal a identificar comunidades desfavorecidas que se encuentran marginadas, desatendidas y abrumadas por la contaminación. La versión actual de la herramienta proporciona datos socioeconómicos, ambientales y climáticos para informar las decisiones que podrían afectar estas comunidades. La herramienta identifica a comunidades desfavorecidas a través de conjuntos de datos nacionales coherentes a disposición del público.", + "about.page.sub.header.1.text.1": "En la Orden ejecutiva 14008 (en inglés) sobre Hacer frente a la crisis climática en el país y en el extranjero, el presidente Biden impartió instrucciones al Consejo sobre la Calidad del Medio Ambiente (CEQ, por sus siglas en inglés) de crear una Herramienta para la evaluación de la justicia climática y económica. El propósito de la herramienta es ayudar a las dependencias del gobierno federal a identificar comunidades desfavorecidas que se encuentran marginadas, desatendidas y abrumadas por la contaminación. La versión actual de la herramienta proporciona datos socioeconómicos, ambientales y climáticos para informar las decisiones que podrían afectar estas comunidades. La herramienta identifica a comunidades desfavorecidas a través de conjuntos de datos nacionales coherentes a disposición del público.", "about.page.sub.header.1.text.2": "La versión actual de la herramienta se encuentra en formato beta público y se actualizará conforme a los comentarios y la investigación.", "about.page.sub.header.2.text": "La Iniciativa Justice40", "about.page.sub.header.2.text.1": "La herramienta brindará información importante para la Iniciativa Justice40. La meta de la Iniciativa Justice40 es brindar el 40% de los beneficios generales de ciertas inversiones federales en siete ámbitos clave a comunidades desfavorecidas. Estos siete ámbitos clave son: cambio climático, energía no contaminante y eficiencia energética, tránsito no contaminante, viviendas asequibles y sostenibles, capacitación y formación de la fuerza laboral, remediación y reducción de contaminación heredada y creación de infraestructura hídrica esencial no contaminante.", - "about.page.sub.header.2.text.2": "Lea más sobre la Iniciativa Justice40 en el documento del presidente Biden en la Orden ejecutiva 14008 sobre Hacer frente a la crisis climática en el país y en el extranjero.", + "about.page.sub.header.2.text.2": "Lea más sobre la Iniciativa Justice40 en el documento del presidente Biden en la Orden ejecutiva 14008 (en inglés) sobre Hacer frente a la crisis climática en el país y en el extranjero.", "about.page.sub.header.3.text": "¿Todavía tiene preguntas?", - "about.page.sub.header.3.text.1": "Encuentre las respuestas en la sección de Preguntas frecuentes de la Herramienta para la evaluación de la justicia climática y económica.", + "about.page.sub.header.3.text.1": "Encuentre las respuestas en la sección de Preguntas frecuentes (en inglés) de la Herramienta para la evaluación de la justicia climática y económica.", "about.page.title.text": "Información básica", "common.pages.alerts.additional_docs_available.description": "Descargue un nuevo documento de apoyo técnico y otra documentación, y envíe sus comentarios.", "common.pages.alerts.additional_docs_available.title": "Ya hay más documentación disponible", @@ -36,7 +37,7 @@ "common.pages.footer.eng.cal.text": "Calendario de participación", "common.pages.footer.findcontact": "Buscar un contacto en USA.gov.", "common.pages.footer.findcontact.link": "https://www.usa.gov/espanol/", - "common.pages.footer.foia.text": "Ley de Libertad de Información (FOIA)", + "common.pages.footer.foia.text": "Ley de Libertad de Información (FOIA, en inglés)", "common.pages.footer.gatsby.link": "https://github.com/usds/justice40-tool/blob/main/README-es.md", "common.pages.footer.github.link.text": "Vea el código en GitHub", "common.pages.footer.logo.title": "Consejo sobre la Calidad del Medio Ambiente", @@ -44,7 +45,7 @@ "common.pages.footer.privacy.link": "https://www.whitehouse.gov/es/privacidad/", "common.pages.footer.privacy.text": "Política de privacidad", "common.pages.footer.rfi.link": "https://www.federalregister.gov/d/2022-03920", - "common.pages.footer.rfi.text": "Solicitud de información", + "common.pages.footer.rfi.text": "Solicitud de información (en inglés)", "common.pages.footer.whitehouse.link": "https://www.whitehouse.gov/es", "common.pages.footer.whitehouse.text": "Whitehouse.gov", "common.pages.footer.whitehouselogoalt": "Whitehouse logo", @@ -172,8 +173,8 @@ "explore.map.page.side.panel.indicator.unemploy": "Desempleo", "explore.map.page.side.panel.indicator.value.arrow.down.alt.text": "an icon for the down arrow", "explore.map.page.side.panel.indicator.value.arrow.up.alt.text": "an icon for the up arrow", - "explore.map.page.side.panel.indicator.value.subtext.above": "por encima del", - "explore.map.page.side.panel.indicator.value.subtext.below": "debajo del", + "explore.map.page.side.panel.indicator.value.subtext.above": "por encima del ", + "explore.map.page.side.panel.indicator.value.subtext.below": "debajo del ", "explore.map.page.side.panel.indicator.value.subtext.percent": "por ciento", "explore.map.page.side.panel.indicator.value.subtext.percentile": "percentil", "explore.map.page.side.panel.indicator.value.subtext.unavailable": "los datos no están disponibles", @@ -198,9 +199,9 @@ "explore.map.page.side.panel.send.feedback.email.body": "Aporte comentarios acerca de este grupo de bloques del censo, incluidos los conjuntos de datos, las categorías de datos proporcionadas para este grupo de bloques del censo, las comunidades que viven en este grupo de bloques del censo y toda la información pertinente que el Consejo sobre la Calidad del Medio Ambiente (CEQ, por sus siglas en inglés) debe saber acerca de este grupo de bloques del censo.", "explore.map.page.side.panel.send.feedback.title": "Enviar comentarios", "explore.map.page.side.panel.spacer.and": "Y", - "explore.map.page.side.panel.version.title": "Versión de la metodología {versión}", + "explore.map.page.side.panel.version.title": "Versión de la metodología {version}", "explore.map.page.title.text": "Explore la herramienta", - "explore.map.page.under.map.download.draft.ptag.1": "Descargue la lista vigente de las comunidades y los conjuntos de datos que se usaron (el archivo .zip incluirá un archivo .xlsx y un archivo .csv, con un tamaño no comprimido de {downloadFileSize}). Última actualización: {dateUpdated}.", + "explore.map.page.under.map.download.draft.ptag.1": "Descargue la lista vigente (en inglés) de las comunidades y los conjuntos de datos que se usaron (el archivo .zip incluirá un archivo .xlsx y un archivo .csv, con un tamaño no comprimido de {downloadFileSize}). Última actualización: {dateUpdated}.", "explore.map.page.under.map.how.you.can.help.heading": "Contribuya a mejorar la herramienta", "explore.map.page.under.map.how.you.can.help.list.item.1": "Vaya a la página Metodología y datos y envíe sus comentarios.", "explore.map.page.under.map.how.you.can.help.list.item.2": "Use la herramienta para buscar comunidades y enviar sus comentarios.", @@ -212,6 +213,7 @@ "explore.map.page.under.map.note.on.territories.para.4": "Actualmente, se lleva a cabo la identificación de las comunidades desfavorecidas y la actualización correspondiente de la herramienta para Guam y las Islas Vírgenes de los Estados Unidos.", "explore.map.page.under.map.note.on.tribal.nations.intro": "Observaciones sobre las naciones tribales", "explore.map.page.under.map.note.on.tribal.nations.para.1": "La herramienta incluye todos los grupos de bloques del censo de los EE. UU., incluidos los que están ubicados en naciones tribales, en la medida en que se dispone de datos (consulte más información en la página Metodología y datos). El Consejo sobre la Calidad del Medio Ambiente (CEQ, por sus siglas en inglés) participa en la consulta y la coordinación con las naciones tribales sobre la versión beta de la herramienta para dar a esas naciones oportunidades valiosas para hacer aportes, conforme al Plan de acción para la consulta y la coordinación con las naciones tribales del CEQ, el Memorando del presidente Biden sobre Consulta de las naciones tribales y fortalecimiento de las consultas entre naciones y la Orden ejecutiva 13175 sobre Consulta y coordinación con los gobiernos de las tribus indias.", + "explore.tool.page.side.panel.indicator.percentile.value.ordinal.suffix": "{indicatorValue, selectordinal, one {#.a} two {#.a} =3 {#.a} other {#.a} }", "fab.survey.text": "Ayude a mejorar el sitio web y los datos", "faqs.page.coming.soon.text": "¡Próximamente!", "faqs.page.title.text": "Preguntas frecuentes", diff --git a/client/src/pages/about.tsx b/client/src/pages/about.tsx index 59b77dd1..baf8229e 100644 --- a/client/src/pages/about.tsx +++ b/client/src/pages/about.tsx @@ -137,7 +137,7 @@ const AboutPage = ({location}: IAboutPageProps) => { size={'small'} imgSrc={commentIcon} header={intl.formatMessage(ABOUT_COPY.GET_INVOLVED.SEND_FEEDBACK_HEADING)} - linkText={`Email: ${COMMON_COPY.FEEDBACK_EMAIL}`} + linkText={ABOUT_COPY.GET_INVOLVED_COMMENTS.EMAIL} url={`mailto:${COMMON_COPY.FEEDBACK_EMAIL}`} openUrlNewTab={true} internal={false}> diff --git a/client/src/pages/tests/__snapshots__/about.test.tsx.snap b/client/src/pages/tests/__snapshots__/about.test.tsx.snap index 2be5e1fa..42cd4da3 100644 --- a/client/src/pages/tests/__snapshots__/about.test.tsx.snap +++ b/client/src/pages/tests/__snapshots__/about.test.tsx.snap @@ -787,7 +787,9 @@ exports[`rendering of the DatasetContainer checks if various text fields are vis rel="noreferrer" target="_blank" > - Email: Screeningtool-Support@omb.eop.gov + + Email: Screeningtool-Support@omb.eop.gov +