fix: add contentNotTranslated prop to wallet pages

Author: wackerow

src/pages/wallets/find-wallet.tsx

@@ -21,7 +21,7 @@ import {
   useTheme,
 } from "@chakra-ui/react"
 
-import { ChildOnlyProp } from "@/lib/types"
+import { BasePageProps, ChildOnlyProp } from "@/lib/types"
 
 import BannerNotification from "@/components/BannerNotification"
 import Breadcrumbs from "@/components/Breadcrumbs"
@@ -33,6 +33,7 @@ import { Image } from "@/components/Image"
 import OldHeading from "@/components/OldHeading"
 import PageMetadata from "@/components/PageMetadata"
 
+import { existsNamespace } from "@/lib/utils/existsNamespace"
 import { getLastDeployDate } from "@/lib/utils/getLastDeployDate"
 import { trackCustomEvent } from "@/lib/utils/matomo"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
@@ -87,18 +88,22 @@ const filterDefault = {
 export type FiltersType = typeof filterDefault
 
 export const getStaticProps = (async ({ locale }) => {
+  const lastDeployDate = getLastDeployDate()
+
   const requiredNamespaces = getRequiredNamespacesForPage(
     "/wallets/find-wallet"
   )
-  const lastDeployDate = getLastDeployDate()
+
+  const contentNotTranslated = !existsNamespace(locale!, requiredNamespaces[3])
 
   return {
     props: {
       ...(await serverSideTranslations(locale!, requiredNamespaces)),
+      contentNotTranslated,
       lastDeployDate,
     },
   }
-}) satisfies GetStaticProps<SSRConfig>
+}) satisfies GetStaticProps<BasePageProps>
 
 const FindWalletPage = () => {
   const randomizedWalletData = shuffle(walletData)

src/pages/wallets/index.tsx

@@ -11,7 +11,7 @@ import {
   Text as ChakraText,
 } from "@chakra-ui/react"
 
-import { ChildOnlyProp } from "@/lib/types"
+import { BasePageProps, ChildOnlyProp } from "@/lib/types"
 
 import ButtonLink from "@/components/Buttons/ButtonLink"
 import Callout from "@/components/Callout"
@@ -29,8 +29,8 @@ import PageMetadata from "@/components/PageMetadata"
 import { StandaloneQuizWidget } from "@/components/Quiz/QuizWidget"
 import { Simulator } from "@/components/Simulator"
 import { SIMULATOR_ID } from "@/components/Simulator/constants"
-import Translation from "@/components/Translation"
 
+import { existsNamespace } from "@/lib/utils/existsNamespace"
 import { getLastDeployDate } from "@/lib/utils/getLastDeployDate"
 import { getRequiredNamespacesForPage } from "@/lib/utils/translations"
 
@@ -127,22 +127,21 @@ const CalloutCardContainer = (props: ChildOnlyProp) => (
   <CardContainer mt={16} {...props} />
 )
 
-
-type Props = SSRConfig & {
-  lastDeployDate: string
-}
 export const getStaticProps = (async ({ locale }) => {
   const lastDeployDate = getLastDeployDate()
 
   const requiredNamespaces = getRequiredNamespacesForPage("/wallets")
 
+  const contentNotTranslated = !existsNamespace(locale!, requiredNamespaces[2])
+
   return {
     props: {
       ...(await serverSideTranslations(locale!, requiredNamespaces)),
+      contentNotTranslated,
       lastDeployDate,
     },
   }
-}) satisfies GetStaticProps<Props>
+}) satisfies GetStaticProps<BasePageProps>
 
 const WalletsPage = () => {
   const { locale } = useRouter()
@@ -208,7 +207,7 @@ const WalletsPage = () => {
       description: t("page-wallets-your-login-desc"),
     },
   ]
-  
+
   const types = [
     {
       emoji: ":cd:",
@@ -231,7 +230,7 @@ const WalletsPage = () => {
       description: t("page-wallets-desktop"),
     },
   ]
-  
+
   const articles = [
     {
       title: t("page-wallets-protecting-yourself"),
@@ -249,7 +248,7 @@ const WalletsPage = () => {
       link: "https://media.consensys.net/how-to-store-digital-assets-on-ethereum-a2bfdcf66bd0",
     },
   ]
-  
+
   const guides = [
     {
       title: t("additional-reading-how-to-create-an-ethereum-account"),