Merge pull request #1867 from jicruz96/additional-resources-translation

extract text to translation ready files -- Learn Legislative Process Page

Author: mertbagt

components/AdditionalResources.tsx

@@ -0,0 +1,49 @@
+import { Container } from "react-bootstrap"
+import { useTranslation, Trans } from "next-i18next"
+import * as links from "components/links"
+
+const AdditionalResources = () => {
+  const content = [
+    {
+      i18nKey: "find_legislator",
+      href: "https://malegislature.gov/Search/FindMyLegislator"
+    },
+    {
+      i18nKey: "legislative_doc",
+      href: "https://www.mass.gov/doc/the-legislative-process-0/download"
+    },
+    {
+      i18nKey: "legal_services",
+      href: "https://www.masslegalservices.org/content/legislative-process-massachusetts-0"
+    }
+  ]
+  const { t } = useTranslation("learnComponents")
+
+  return (
+    <Container fluid="md" className="mt-3">
+      <h1 className="fs-1 fw-bold text-center text-black">
+        {t("legislative.additional_resources")}
+      </h1>
+      <p className="fs-4 mx-5 my-3">{t("legislative.resources_intro")}</p>
+
+      {content.map(({ i18nKey, href }) => (
+        <div
+          key={i18nKey}
+          className="m-4 py-2 px-4 text-bg-light rounded-4 d-flex align-items-center align-items-sm-start"
+        >
+          <div className="d-flex flex-0 justify-content-xs-center p-4">
+            <p className="fs-4">
+              <Trans
+                t={t}
+                i18nKey={`legislative.${i18nKey}`}
+                components={[<links.External href={href} key={i18nKey} />]}
+              />
+            </p>
+          </div>
+        </div>
+      ))}
+    </Container>
+  )
+}
+
+export default AdditionalResources

components/AdditionalResources/AdditionalResources.tsx

@@ -1,4 +1,4 @@
-import AdditionalResources from "components/AdditionalResources/AdditionalResources"
+import AdditionalResources from "components/AdditionalResources"
 import { Container } from "../../components/bootstrap"
 import { createPage } from "../../components/page"
 import Legislative from "components/Legislative/Legislative"

components/AdditionalResources/AdditionalResourcesCard.tsx

@@ -123,6 +123,11 @@
         "title": "Executive Branch",
         "paragraph": "Lastly, the Governor is responsible for signing the enacted and reconciled bill into law. The governor can also veto the bill, return it to the Legislature for changes, or take a number of other less-common actions."
       }
-    ]
+    ],
+    "additional_resources": "Additional Resources",
+    "resources_intro": "We hope these pages will help you submit effective testimony. You may want to consult these other resources to build a more detailed understanding of the legislative process and how you can contribute.",
+    "find_legislator": "The MA Legislature has an <0>online tool</0> you can use to identify your legislators based on your home address.",
+    "legislative_doc": "The MA Legislature publishes a <0>document on the legislative process</0>.",
+    "legal_services": "Mass Legal Services published a 2007 guide to The <0>Legislative Process in Massachusetts</0>."
   }
 }