Merge pull request #22 from handball-referee/preview

release: 1.3.1
handball-referee · Jan 21, 2021 · 9c74816 · 9c74816
2 parents 2cfd792 + e7a63a2
commit 9c74816
Show file tree

Hide file tree

Showing 6 changed files with 639 additions and 608 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -2,6 +2,13 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [1.3.1](https://github.com/handball-referee/referee.app/compare/v1.3.0...v1.3.1) (2021-01-21)
+
+
+### Bug Fixes
+
+* always set selected language on html tag ([4bfd001](https://github.com/handball-referee/referee.app/commit/4bfd001ef3987fb0a84bab2fa88d7c0cf86de587))
+
 ## [1.3.0](https://github.com/cevou/referee.app/compare/v1.2.0...v1.3.0) (2020-11-23)
 
 

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "referee.app",
-  "version": "1.3.0",
+  "version": "1.3.1",
   "description": "App to study for handball referee tests",
   "license": "MIT",
   "scripts": {
@@ -28,6 +28,7 @@
     "idb": "^5.0.2",
     "react": "^16.11.0",
     "react-dom": "^16.11.0",
+    "react-helmet": "^6.1.0",
     "react-i18next": "^11.0.1",
     "react-router": "^5.1.2",
     "react-router-dom": "^5.1.2",
@@ -51,6 +52,7 @@
     "@types/loadable__server": "^5.9.1",
     "@types/react": "^16.9.9",
     "@types/react-dom": "^16.9.2",
+    "@types/react-helmet": "^6.1.0",
     "@types/react-router": "^5.1.2",
     "@types/react-router-dom": "^5.1.2",
     "@types/webpack": "^4.39.5",

diff --git a/src/components/AppShell.tsx b/src/components/AppShell.tsx
@@ -1,5 +1,6 @@
 import React, { FunctionComponent, useEffect } from "react";
 import { useTranslation } from "react-i18next";
+import { Helmet } from 'react-helmet';
 import { Route, useHistory } from "react-router";
 import loadable from "@loadable/component";
 import Menu from "./Menu";
@@ -29,7 +30,7 @@ const Stats = loadable(() => import("./stats/Stats"), {
 });
 
 const AppShell: FunctionComponent = () => {
-  const { t } = useTranslation();
+  const { t, i18n } = useTranslation();
   const { listen } = useHistory();
   const { updateConfig } = useAnalytics();
 
@@ -42,6 +43,7 @@ const AppShell: FunctionComponent = () => {
 
   return (
     <div id="page-wrapper">
+      <Helmet htmlAttributes={{ lang: i18n.language }} />
       <Menu />
       <div id="page-body">
         <Tracking />

diff --git a/src/components/Info.tsx b/src/components/Info.tsx
@@ -29,7 +29,7 @@ const Info = () => {
   };
 
   return (
-    <div id="info-wrapper">
+    <div id="info-wrapper" lang="en">
       <div id="info" className="info-box">
         <div>Website built by</div>
         <div id="info-name">Christoph Kraemer</div>

diff --git a/src/index.html b/src/index.html
@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html>
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">