setup missing staking translations

Author: corwintines

src/components/ProductCard.tsx

@@ -1,4 +1,5 @@
 import React, { ReactNode } from "react"
+import { useTranslation } from "next-i18next"
 import {
   Badge,
   Box,
@@ -85,6 +86,7 @@ const ProductCard = ({
   githubRepoLanguages = [],
   hideStars = false,
 }: ProductCardProps) => {
+  const { t } = useTranslation("common")
   const DESCRIPTION_STYLES: TextProps = {
     opacity: 0.8,
     fontSize: "sm",
@@ -157,7 +159,7 @@ const ProductCard = ({
           ))}
       </HStack>
       <ButtonLink to={url} m={4} height={20}>
-        Open {name}
+        {t('open')} {name}
       </ButtonLink>
     </Flex>
   )

src/components/Staking/StakingComparison.tsx

@@ -125,7 +125,7 @@ const StakingComparison = ({ page, className }: StakingComparisonProps) => {
       mt={16}
       className={className}
     >
-      <OldHeading fontSize="2rem">Comparison with other options</OldHeading>
+      <OldHeading fontSize="2rem">{t("page-staking-comparison-with-other-options")}</OldHeading>
       {selectedData.map(
         ({ title, linkText, to, color, content, glyph, matomo }, idx) => (
           <Flex gap={6} direction={{ base: "column", md: "row" }} key={idx}>

src/components/Staking/StakingLaunchpadWidget.tsx

@@ -31,7 +31,7 @@ const StakingLaunchpadWidget = () => {
 
   const data = {
     testnet: {
-      label: "Holesky testnet",
+      label: `Holesky ${t("testnet")}`,
       url: "https://holesky.launchpad.ethereum.org",
     },
     mainnet: {

src/components/Staking/StakingProductsCardGrid/StakingProductCard.tsx

@@ -195,7 +195,7 @@ export const StakingProductCard = ({
           textTransform="uppercase"
           pt={6}
         >
-          {minEth > 0 ? `From ${minEth} ETH` : "Any amount"}
+          {minEth > 0 ? `${t("common:from")} ${minEth} ETH` : t("page-staking-any-amount")}
         </Center>
       )}
       <Flex

src/intl/en/common.json

@@ -107,6 +107,7 @@
   "feedback-widget-thank-you-timing": "2–3 min",
   "feedback-widget-thank-you-title": "Thank you for your feedback!",
   "find-wallet": "Find wallet",
+  "from": "From",
   "future-proofing": "Future-proofing",
   "get-eth": "Get ETH",
   "get-involved": "Get involved",
@@ -335,6 +336,7 @@
   "nfts": "NFTs",
   "no": "No",
   "on-this-page": "On this page",
+  "open": "Open",
   "open-research": "Open research",
   "page-developers-aria-label": "Developers' Menu",
   "page-index-meta-title": "Home",

src/intl/en/page-staking.json

@@ -230,5 +230,8 @@
   "page-staking-withdrawals-important-notices": "Important notices",
   "page-staking-withdrawals-important-notices-desc": "Withdrawals are not yet available. Please read the <a href=\"https://blog.ethereum.org/2021/12/01/eth2-merge-and-post-merge-faq/\" target=\"_blank\">Eth2 Merge and post-merge FAQ</a> for more information.",
   "page-upgrades-merge-btn": "More on The Merge",
-  "subscribe-to-ef-blog": "<a href=\"https://blog.ethereum.org/category/protocol/#subscribe\" target=\"_blank\">Subscribe to the EF Blog</a> to receive email notifications for the latest protocol announcements."
+  "subscribe-to-ef-blog": "<a href=\"https://blog.ethereum.org/category/protocol/#subscribe\" target=\"_blank\">Subscribe to the EF Blog</a> to receive email notifications for the latest protocol announcements.",
+  "page-staking-comparison-with-other-options": "Comparison with other options",
+  "page-staking-any-amount": "Any amount",
+  "page-staking-testnet": "testnet"
 }