italics (#956)

HHS · Jan 3, 2024 · b6a4f32 · b6a4f32
1 parent e2c074b
commit b6a4f32
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 3 deletions.
diff --git a/frontend/public/locales/en/common.json b/frontend/public/locales/en/common.json
@@ -164,7 +164,7 @@
         },
         {
           "title": "Agile",
-          "content": "We’re building a simpler Grants.gov with you, not for you. Our process gives us the flexibility to swiftly respond to feedback and adapt to changing priorities and requirements."
+          "content": "We’re building a simpler Grants.gov <italics>with you</italics>, not <italics>for you</italics>. Our process gives us the flexibility to swiftly respond to feedback and adapt to changing priorities and requirements."
         }
       ]
     },

diff --git a/frontend/src/pages/content/ProcessIntro.tsx b/frontend/src/pages/content/ProcessIntro.tsx
@@ -1,4 +1,4 @@
-import { useTranslation } from "next-i18next";
+import { Trans, useTranslation } from "next-i18next";
 import { Grid } from "@trussworks/react-uswds";
 
 import ContentLayout from "src/components/ContentLayout";
@@ -40,7 +40,11 @@ const ProcessIntro = () => {
                   <div className="border radius-md border-base-lighter padding-x-205">
                     <h3 className="tablet-lg:font-serif-lg">{box.title}</h3>
                     <p className="margin-top-0 font-sans-md line-height-sans-4 desktop-lg:line-height-sans-6">
-                      {box.content}
+                      <Trans
+                        t={t}
+                        i18nKey={box.content}
+                        components={{ italics: <em /> }}
+                      />
                     </p>
                   </div>
                 </Grid>