diff --git a/frontend/src/app/process/page.tsx b/frontend/src/app/process/page.tsx index 9793bd25c..d5e606a78 100644 --- a/frontend/src/app/process/page.tsx +++ b/frontend/src/app/process/page.tsx @@ -32,6 +32,7 @@ export default function Process() {
+ ); } diff --git a/frontend/src/pages/content/ProcessInvolved.tsx b/frontend/src/pages/content/ProcessInvolved.tsx index 662a4e3b2..36717c888 100644 --- a/frontend/src/pages/content/ProcessInvolved.tsx +++ b/frontend/src/pages/content/ProcessInvolved.tsx @@ -1,15 +1,43 @@ import { ExternalRoutes } from "src/constants/routes"; -import { Trans, useTranslation } from "next-i18next"; +import { useTranslations } from "next-intl"; import { Grid } from "@trussworks/react-uswds"; import ContentLayout from "src/components/ContentLayout"; const ProcessInvolved = () => { - const { t } = useTranslation("common", { keyPrefix: "Process" }); + const t = useTranslations("Process"); const email = ExternalRoutes.EMAIL_SIMPLERGRANTSGOV; - + const para1 = t.rich("involved.paragraph_1", { + email: (chunks) => ( + + {chunks} + + ), + }); + const para2 = t.rich("involved.paragraph_2", { + github: (chunks) => ( + + {chunks} + + ), + wiki: (chunks) => ( + + {chunks} + + ), + }); return ( @@ -18,19 +46,7 @@ const ProcessInvolved = () => { {t("involved.title_1")}

- - ), - }} - /> + {para1}

@@ -38,28 +54,7 @@ const ProcessInvolved = () => { {t("involved.title_2")}

- - ), - wiki: ( - - ), - }} - /> + {para2}

diff --git a/frontend/src/pages/content/ProcessMilestones.tsx b/frontend/src/pages/content/ProcessMilestones.tsx index 3cc3617d8..e3e174889 100644 --- a/frontend/src/pages/content/ProcessMilestones.tsx +++ b/frontend/src/pages/content/ProcessMilestones.tsx @@ -31,12 +31,17 @@ const ProcessMilestones = () => { switch (iconIndex) { case 0: return ( - + magnifying glass icon ); case 1: return ( Icon that looks like graph { case 2: return ( Content copy icon { // Don't show the chevron in the last row item. index < keys.length - 1 ? ( chevron pointing right {