feat(i18n): try reading translations files in homepage

MathiasKandelborg · Oct 22, 2020 · a1d7ec0 · a1d7ec0
1 parent bb08046
commit a1d7ec0
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/components/UI/Pages/Home/HomePage.tsx b/components/UI/Pages/Home/HomePage.tsx
@@ -14,13 +14,14 @@ type IHomePageProps = PageProps
 const { Grid } = MUI
 
 const HomePage: React.FC<IHomePageProps> = (props) => {
-  const { config } = props
+  const { config, translation } = props
 
   const classes = homePageStyles()
 
   return (
     <>
       <AnimatePresence
+        exitBeforeEnter
         presenceAffectsLayout
         onExitComplete={() => handleExitComplete()}>
         <TitleWithDivider key="home-title" variant="h1" text={config.title} />
@@ -34,6 +35,7 @@ const HomePage: React.FC<IHomePageProps> = (props) => {
               src="/images/TRUE-logo/TRUE-logo-social-large-small-blue.png"
               alt="TRUE Framework Logo Header"
             />
+            <h1>{translation![0].title}</h1>
             <br />
             <br />
             <SectionWhyUseTrue />

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -2,6 +2,7 @@ import PageSEO from '@components/HoC/SEO/Page'
 import HomePage from '@components/UI/Pages/Home/HomePage'
 import getSanityConfig from '@util/api/calls/getSanityConfig'
 import resolveTranslationFiles from '@util/i18n/resolveTranslationFiles'
+import { TSupportedLanguages } from 'i18n/Languages'
 import { GetStaticProps, InferGetStaticPropsType } from 'next'
 import { PageProps } from 'PageProps'
 
@@ -17,8 +18,8 @@ export const getStaticProps: GetStaticProps<PageProps> = async (ctx) => {
    * To access keys in the file, use object notation
    */
   const translation = resolveTranslationFiles({
-    locale: ctx.locale || error,
-    locales: ctx.locales || [error],
+    locale: (ctx.locale as TSupportedLanguages) || error,
+    locales: (ctx.locales as TSupportedLanguages[]) || [error],
     namespaces: ['homePage', 'test']
   })