Merge pull request #14880 from JoeChenJ/Setup_ContributorsQuizBanner_for_translation

Setup ContributorsQuizBanner for translation

Author: wackerow

src/components/Banners/ContributorsQuizBanner.tsx

@@ -4,13 +4,15 @@ import { Image } from "../Image"
 import { ButtonLink } from "../ui/buttons/Button"
 import { Flex, Stack } from "../ui/flex"
 
+import useTranslation from "@/hooks/useTranslation"
 import PeopleLearning from "@/public/images/people-learning.png"
 
 // TODO: refactor to use CalloutBanner component
 function ContributorsQuizBanner({
   className,
   ...props
 }: React.HTMLAttributes<HTMLDivElement>) {
+  const { t } = useTranslation("common")
   return (
     <aside
       className={cn(
@@ -40,15 +42,14 @@ function ContributorsQuizBanner({
         className={cn("flex-[1_1_50%]", "gap-8 py-8 ps-8", "pe-8 lg:pe-0")}
       >
         <Stack>
-          <h2>Unsure where to start?</h2>
+          <h2>{t("contributor-quiz-banner-title")}</h2>
           <p className="text-lg text-body">
-            Take a quick quiz and find out how you can contribute on
-            ethereum.org.
+            {t("contributor-quiz-banner-description")}
           </p>
         </Stack>
         <div>
           <ButtonLink href="https://ethdotorg.typeform.com/contributor">
-            Take a quiz
+            {t("contributor-quiz-banner-button")}
           </ButtonLink>
         </div>
       </Stack>

src/intl/en/common.json

@@ -30,6 +30,9 @@
   "content-resources": "Content Resources",
   "content-standardization": "Content standardization",
   "contributing": "Contributing",
+  "contributor-quiz-banner-title": "Unsure where to start?",
+  "contributor-quiz-banner-description": "Take a quick quiz and find out how you can contribute on ethereum.org.",
+  "contributor-quiz-banner-button": "Take a quiz",
   "contributors": "Contributors",
   "contributors-thanks": "Everyone who has <a href=\"/contributing\" target=\"_blank\">contributed</a> to this page – thank you!",
   "cookie-policy": "Cookie policy",
@@ -429,6 +432,7 @@
   "translation-banner-title-new": "Help translate this page",
   "translation-banner-title-update": "Help update this page",
   "translation-program": "Translation Program",
+  "translator": "Translator",
   "try-using-search": "Try using search to find what you're looking for or",
   "tutorials": "Tutorials",
   "up": "Up",
@@ -451,6 +455,5 @@
   "withdrawals": "Staking withdrawals",
   "wrapped-ether": "Wrapped Ether",
   "yes": "Yes",
-  "zero-knowledge-proofs": "Zero-knowledge proofs",
-  "translator": "Translator"
+  "zero-knowledge-proofs": "Zero-knowledge proofs"
 }