system-praktyk/system-praktyk-front
2
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

Set properly language on html element

Browse Source
This commit is contained in:
Kacper Donat 2020-07-19 15:34:15 +02:00
parent f450a8dc4e
commit 16d2ef4315
4 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
public/index.html
View File

@ -4,8 +4,7 @@
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" /> <meta name="theme-color" content="#000000" />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap&subset=latin,latin-ext" /> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&amp;display=swap&amp;subset=latin,latin-ext" />
<link rel="manifest" href="%PUBLIC_URL%/manifest.json" />
<title>Zgłoszenie praktyki studenckiej</title> <title>Zgłoszenie praktyki studenckiej</title>
<base href="/"> <base href="/">
</head> </head>

1
src/app.tsx
View File

@ -64,6 +64,7 @@ const LanguageSwitcher = ({ className, ...props }: HTMLProps<HTMLUListElement>)
const handleLanguageChange = (language: string) => () => { const handleLanguageChange = (language: string) => () => {
i18n.changeLanguage(language); i18n.changeLanguage(language);
document.documentElement.lang = language;
} }
const isActive = (language: string) => language.toLowerCase() === i18n.language.toLowerCase(); const isActive = (language: string) => language.toLowerCase() === i18n.language.toLowerCase();

3
src/i18n.ts
View File

@ -17,10 +17,11 @@ i18n
.init({ .init({
resources, resources,
fallbackLng: "en", fallbackLng: "en",
debug: true,
interpolation: { interpolation: {
escapeValue: false escapeValue: false
} }
}) })
document.documentElement.lang = i18n.language;
export default i18n; export default i18n;

8
src/styles/header.scss
View File

@ -36,7 +36,7 @@
} }
.header__divider { .header__divider {
margin: 0 .5rem; margin: 0 1rem;
background: #274057; background: #274057;
width: 1px; width: 1px;
height: 60%; height: 60%;
@ -59,6 +59,10 @@
li { li {
list-style: none; list-style: none;
&:not(:last-child) {
margin-right: .5rem;
}
a { a {
padding: 7px; padding: 7px;
display: block; display: block;
@ -68,4 +72,6 @@
.language-switcher__language--active { .language-switcher__language--active {
font-weight: bold; font-weight: bold;
cursor: default;
text-decoration: none;
} }