Clean up translations

Author: rachelekm

src/frontend/public/locales/en/translation.json

@@ -32,6 +32,17 @@
         "signInConfirm": "We sent an email with a login link to {{email}}. Click the link to sign into ECHO.",
         "enterEmailAddress": "Enter your email address"
     },
+    "discoverNeighborhoods": {
+        "title": "Discover Neighborhoods",
+        "subtitle": "Recommendations are based on your profile and selected trip",
+        "topTen": "Top 10",
+        "bestRecTitle": "Highest-ranked recommendations",
+        "recTitle": "Recommended",
+        "otherTitle": "Other recommended neighborhoods",
+        "otherTitleLegend": "Other",
+        "tooFarTitle": "Not a match",
+        "tooFarDisclaimer": "These neighborhoods are out of reach with your selected transit option, meaning commute times exceeding 1 hour"
+    },
     "photoCredit": "Photo by {{artist}}. ",
     "photoSource": "Source.",
     "neighborhoodDetail": {

src/frontend/public/locales/es/translation.json

@@ -32,17 +32,28 @@
         "signInConfirm": "Enviamos un correo electrónico con un enlace de inicio de sesión a {{email}}. Haga clic en el enlace para iniciar sesión en ECHO.",
         "enterEmailAddress": "Introduce tu dirección de correo electrónico"
     },
+    "discoverNeighborhoods": {
+        "title": "Discover Neighborhoods",
+        "subtitle": "Recommendations are based on your profile and selected trip",
+        "topTen": "Top 10",
+        "bestRecTitle": "Highest-ranked recommendations",
+        "recTitle": "Recommended",
+        "otherTitle": "Other recommended neighborhoods",
+        "otherTitleLegend": "Other",
+        "tooFarTitle": "Not a match",
+        "tooFarDisclaimer": "These neighborhoods are out of reach with your selected transit option, meaning commute times exceeding 1 hour"
+    },
     "photoCredit": "Photo by {{artist}}. ",
     "photoSource": "Source.",
     "neighborhoodDetail": {
         "addToFavorites": "Add to favorites",
-        "moveCountText": "¡EXAMPLE {{count}} titulares de vales ya se mudaron aquí!",
+        "moveCountText": "¡{{count}} titulares de vales ya se mudaron aquí!",
         "infoToggleLabel": "Infos",
         "unitsToggleLabel": "Find units",
         "eccYes": "Yes",
         "affordableCard": {
             "header": "Affordable",
-            "bodyText": "EXAMPLE La mayoría de las familias pagan <strong>no más del 30% de sus ingresos</strong> en alquiler."
+            "bodyText": "La mayoría de las familias pagan <strong>no más del 30% de sus ingresos</strong> en alquiler."
         },
         "echoBenefitsCard": {
             "header": "ECHO Benefits",
@@ -116,12 +127,12 @@
         "openInGoogle": "Abierto en Google Maps"
     },
     "userProfile": {
-        "title": "¡EXAMPLE Descubra los barrios",
+        "title": "¡Descubra los barrios",
         "description": "Start by creating a profile to help us recommend neighborhoods to you",
         "actionButton": "Create your profile",
         "caption": "Takes just 5 minutes!",
         "wizard": {
-            "header": "¡EXAMPLE Tu perfil",
+            "header": "¡Tu perfil",
             "stepBedroom": {
                 "question": "How many bedrooms does your voucher have?",
                 "description": "Reach out to your BHA Housing Coordinator if you're unsure."

src/frontend/public/locales/zh/translation.json

@@ -32,17 +32,28 @@
         "signInConfirm": "我们已向{{email}}发送了一封包含登录链接的电子邮件。点击该链接即可登录ECHO。",
         "enterEmailAddress": "输入您的电子邮箱地址"
     },
+    "discoverNeighborhoods": {
+        "title": "Discover Neighborhoods",
+        "subtitle": "Recommendations are based on your profile and selected trip",
+        "topTen": "Top 10",
+        "bestRecTitle": "Highest-ranked recommendations",
+        "recTitle": "Recommended",
+        "otherTitle": "Other recommended neighborhoods",
+        "otherTitleLegend": "Other",
+        "tooFarTitle": "Not a match",
+        "tooFarDisclaimer": "These neighborhoods are out of reach with your selected transit option, meaning commute times exceeding 1 hour"
+    },
     "photoCredit": "Photo by {{artist}}. ",
     "photoSource": "Source.",
     "neighborhoodDetail": {
         "addToFavorites": "Add to favorites",
-        "moveCountText": "EXAMPLE 已有 {{count}} 名代金券持有者搬到这里了！",
+        "moveCountText": "已有 {{count}} 名代金券持有者搬到这里了！",
         "infoToggleLabel": "Infos",
         "unitsToggleLabel": "Find units",
         "eccYes": "Yes",
         "affordableCard": {
             "header": "Affordable",
-            "bodyText": "EXAMPLE 大多数家庭支付的租金<strong>不超过其收入的30%</strong>。"
+            "bodyText": "大多数家庭支付的租金<strong>不超过其收入的30%</strong>。"
         },
         "echoBenefitsCard": {
             "header": "ECHO Benefits",
@@ -113,22 +124,22 @@
         "car": "Car",
         "touchPrompt": "Select a trip to see directions on a map",
         "editTrips": "Edit your trips",
-        "openInGoogle": "EXAMPLE 在谷歌地图中打开"
+        "openInGoogle": "在谷歌地图中打开"
     },
     "userProfile": {
         "title": "发现社区",
         "description": "创建个人资料，帮助我们向您推荐社区",
         "actionButton": "创建个人资料",
         "caption": "只要5分钟！",
         "wizard": {
-            "header": "EXAMPLE 您的资料",
+            "header": "您的资料",
             "stepBedroom": {
                 "question": "How many bedrooms does your voucher have?",
-                "description": "EXAMPLE 如果您不确定，请联系BHA住房协调员。"
+                "description": "如果您不确定，请联系BHA住房协调员。"
             },
             "stepImportance": {
                 "question": "What is important to you?",
-                "commuteTime": "EXAMPLE 通勤时长",
+                "commuteTime": "通勤时长",
                 "schoolQuality": "School Quality",
                 "publicSafety": "Public safety",
                 "notImportant": "Not important",
@@ -142,7 +153,7 @@
                 "checkboxLabel": "I'm willing to take the express bus or commuter rail"
             },
             "button": {
-                "continue": "EXAMPLE 继续",
+                "continue": "继续",
                 "finish": "Finish"
             }
         }
@@ -165,7 +176,7 @@
                 "finish": "Add trip"
             },
             "button": {
-                "continue": "EXAMPLE 继续",
+                "continue": "继续",
                 "finish": "完成"
             }
         }

src/frontend/src/pages/Discover/Map/Legend.tsx

@@ -1,10 +1,12 @@
+import { useTranslation } from "react-i18next";
 import mapStyles from "./Map.styles";
 
 interface Props {
     isMobile?: boolean;
 }
 
 const Legend = ({ isMobile = true }: Props) => {
+    const { t } = useTranslation();
     const {
         legendWrapper,
         legendContainer,
@@ -20,22 +22,24 @@ const Legend = ({ isMobile = true }: Props) => {
                     <div
                         className={`${legendColorBox()} bg-[#B9C26D] border-1 border-[#748C27]`}
                     />
-                    <span className={legendLabel()}>Top 10</span>
+                    <span className={legendLabel()}>
+                        {t("discoverNeighborhoods.topTen")}
+                    </span>
                 </div>
                 <div className={legendItem()}>
                     <div
                         className={`${legendColorBox()} bg-[#E6ECBB] border-1 border-[#909772]`}
                     />
                     <span className={`${legendLabel()} font-normal`}>
-                        Other
+                        {t("discoverNeighborhoods.otherTitleLegend")}
                     </span>
                 </div>
                 <div className={legendItem()}>
                     <div
                         className={`${legendColorBox()} bg-[#F7F3F1] border-1 border-[#8F8F8F]`}
                     />
                     <span className={`${legendLabel()} font-normal`}>
-                        Not a match
+                        {t("discoverNeighborhoods.tooFarTitle")}
                     </span>
                 </div>
             </div>

src/frontend/src/pages/Discover/Neighborhoods.tsx

@@ -1,4 +1,5 @@
 import { useEffect, useState } from "react";
+import { useTranslation } from "react-i18next";
 
 import NeighborhoodList from "components/NeighborhoodsList/NeighborhoodsList";
 import {
@@ -21,6 +22,7 @@ const Neighborhoods = ({
     mobile: boolean;
     listDisplay?: boolean;
 }) => {
+    const { t } = useTranslation();
     const [showTooFar, setShowTooFar] = useState(false);
     const {
         recoContainer,
@@ -78,10 +80,11 @@ const Neighborhoods = ({
                 <SearchList isMobile={mobile} />
                 {/* Sub-title */}
                 <div className={subTitleContainer()}>
-                    <p className={subTitle()}>Discover Neighborhoods</p>
+                    <p className={subTitle()}>
+                        {t("discoverNeighborhoods.title")}
+                    </p>
                     <p className={description()}>
-                        Recommendations are based on your profile and selected
-                        trip
+                        {t("discoverNeighborhoods.subtitle")}
                     </p>
                 </div>
                 {isLoading && (
@@ -96,15 +99,17 @@ const Neighborhoods = ({
                 <div className={recoList()}>
                     <div>
                         <div className={recoTitleContainer()}>
-                            <p className={recoTitle()}>Top 10</p>
+                            <p className={recoTitle()}>
+                                {t("discoverNeighborhoods.topTen")}
+                            </p>
                             <div
                                 className={swatch({
                                     swatchColor: "topTen",
                                 })}
                             ></div>
                         </div>
                         <p className={recoDescription()}>
-                            Highest-ranked recommendations
+                            {t("discoverNeighborhoods.bestRecTitle")}
                         </p>
                     </div>
                     <NeighborhoodList
@@ -122,15 +127,17 @@ const Neighborhoods = ({
                 <div className={recoList()}>
                     <div>
                         <div className={recoTitleContainer()}>
-                            <p className={recoTitle()}>Recommended</p>
+                            <p className={recoTitle()}>
+                                {t("discoverNeighborhoods.recTitle")}
+                            </p>
                             <div
                                 className={swatch({
                                     swatchColor: "recommended",
                                 })}
                             ></div>
                         </div>
                         <p className={recoDescription()}>
-                            Other recommended neighborhoods
+                            {t("discoverNeighborhoods.otherTitle")}
                         </p>
                     </div>
                     <NeighborhoodList
@@ -148,15 +155,15 @@ const Neighborhoods = ({
                 <div className={recoList()}>
                     <div>
                         <div className={recoTitleContainer()}>
-                            <p className={recoTitle()}>Not a match</p>
+                            <p className={recoTitle()}>
+                                {t("discoverNeighborhoods.tooFarTitle")}
+                            </p>
                             <div
                                 className={swatch({ swatchColor: "tooFar" })}
                             ></div>
                         </div>
                         <p className={recoDescription()}>
-                            These neighborhoods are out of reach with your
-                            selected transit option, meaning commute times
-                            exceeding 1 hour
+                            {t("discoverNeighborhoods.tooFarDisclaimer")}
                         </p>
                     </div>
                     <NeighborhoodList