Added German language

2022-08-20 00:30:49 +02:00
parent f826537aec
commit 3fea0f851f
11 changed files with 155 additions and 33 deletions
--- a/pages/_document.tsx
+++ b/pages/_document.tsx
@@ -0,0 +1,22 @@
+import { DocumentProps, Head, Html, Main, NextScript } from 'next/document'
+import { IntlProvider } from 'react-intl'
+import { useMessages } from '../src/i18n'
+import { FC } from 'react'
+
+const MyDocument: FC<DocumentProps> = ({ locale: _locale }) => {
+  const messages = useMessages()
+  const locale = _locale ?? '' in messages ? (_locale as keyof typeof messages) : 'en'
+  return (
+    <IntlProvider locale={locale} messages={messages[locale]}>
+      <Html lang={locale}>
+        <Head />
+        <body>
+          <Main />
+          <NextScript />
+        </body>
+      </Html>
+    </IntlProvider>
+  )
+}
+
+export default MyDocument
--- a/pages/index.tsx
+++ b/pages/index.tsx
@@ -1,15 +1,18 @@
 import type { NextPage } from 'next'
-import Head from 'next/head'
 import { Home } from '../components/home/Home'
 import { GroupProvider } from '../components/contexts/GroupProvider'
 import { getServerSidePropsGroupProvider, PropsGroupProvider } from '../src/getServerSideProps'
+import Head from 'next/head'
+import { useIntl } from 'react-intl'
+import { i18n } from '../components/shared/I18n/I18n'

 const Page: NextPage<PropsGroupProvider> = ({ id, ...initial }) => {
+  const intl = useIntl()
  return (
    <GroupProvider id={id} initial={initial}>
      <Head>
-        <title>Factorio Microservices</title>
-        <meta name='description' content='Create Factorio microservices' />
+        <title>{i18n(intl, 'page.home.head.title')}</title>
+        <meta name='description' content={i18n(intl, 'page.home.head.meta.description')} />
      </Head>
      <Home />
    </GroupProvider>