Added translated title on homepage

podkrepi-bg · Mar 2, 2021 · 0fb9073 · 0fb9073
1 parent a09cda3
commit 0fb9073
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 2 deletions.
diff --git a/public/locales/bg/common.json b/public/locales/bg/common.json
@@ -13,6 +13,9 @@
     "changePassword": "Смяна на парола",
     "forgottenPassword": "Забравена парола?"
   },
+  "meta": {
+    "title": "Подкрепи БГ"
+  },
   "values": {
     "voluntary": {
       "heading": "Доброволно и про-боно",

diff --git a/public/locales/en/common.json b/public/locales/en/common.json
@@ -13,6 +13,9 @@
     "changePassword": "Change your password",
     "forgottenPassword": "Forgotten password?"
   },
+  "meta": {
+    "title": "Podkrepi BG"
+  },
   "values": {
     "voluntary": {
       "heading": "Voluntary and pro-bono",

diff --git a/src/components/layout/Layout.tsx b/src/components/layout/Layout.tsx
@@ -1,5 +1,6 @@
 import Head from 'next/head'
-import { useState } from 'react'
+import { useMemo, useState } from 'react'
+import { useTranslation } from 'next-i18next'
 import {
   Box,
   Container,
@@ -49,12 +50,15 @@ export default function Layout({
   ...containerProps
 }: LayoutProps) {
   const classes = useStyles()
+  const { t } = useTranslation()
   const [mobileOpen, setMobileOpen] = useState(false)
   const navMenuToggle = () => setMobileOpen(!mobileOpen)
+  const suffix = t('meta.title')
+  const metaTitle = useMemo(() => (title ? `${title} | ${suffix}` : suffix), [title, suffix])
   return (
     <Container className={classes.layout} maxWidth={maxWidth} {...containerProps}>
       <Head>
-        <title>{title}</title>
+        <title>{metaTitle}</title>
       </Head>
       <Box pt={4} pb={10}>
         <AppNavBar navMenuToggle={navMenuToggle} />