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 (
-
+
);
case 1:
return (
{
case 2:
return (
{
// Don't show the chevron in the last row item.
index < keys.length - 1 ? (
{