amir/Account
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: update titles in locale files and set document title on language change

Browse Source
This commit is contained in:
Amir Moghani
2026-06-15 12:29:41 +03:30
parent 744ab78c14
commit 71b8077296
5 changed files with 11 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
index.html
View File

@@ -2,9 +2,9 @@
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="UTF-8" /> <meta charset="UTF-8" />
<!-- <link rel="icon" type="image/svg+xml" href="/vite.svg" /> --> <link rel="icon" href="/favicon.ico" sizes="any" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Harmony Accounts</title> <title>حساب‌های هارمونی</title>
<!-- this script add for preventing initial theme flashing --> <!-- this script add for preventing initial theme flashing -->
<script> <script>
(function () { (function () {

BIN
public/favicon.ico Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 15 KiB

3
public/locales/en/common.json
View File

@@ -1,4 +1,7 @@
{ {
"app": {
"title": "Harmony Accounts"
},
"labels": { "labels": {
"search": "search" "search": "search"
}, },

3
public/locales/fa/common.json
View File

@@ -1,4 +1,7 @@
{ {
"app": {
"title": "حساب‌های هارمونی"
},
"labels": { "labels": {
"search": "جست و جو" "search": "جست و جو"
}, },

5
src/components/LanguageManager.tsx
View File

@@ -6,12 +6,13 @@ import { useTranslation } from 'react-i18next';
* side effects to the document. It renders no visible UI. * side effects to the document. It renders no visible UI.
*/ */
export const LanguageManager = () => { export const LanguageManager = () => {
const { i18n } = useTranslation(); const { i18n, t } = useTranslation();
useLayoutEffect(() => { useLayoutEffect(() => {
const handleLanguageChange = (lng: string) => { const handleLanguageChange = (lng: string) => {
document.documentElement.setAttribute('dir', i18n.dir(lng)); document.documentElement.setAttribute('dir', i18n.dir(lng));
document.documentElement.setAttribute('lang', lng); document.documentElement.setAttribute('lang', lng);
document.title = t('app.title', { lng });
}; };
// Set initial values on component mount // Set initial values on component mount
@@ -24,7 +25,7 @@ export const LanguageManager = () => {
return () => { return () => {
i18n.off('languageChanged', handleLanguageChange); i18n.off('languageChanged', handleLanguageChange);
}; };
}, [i18n]); }, [i18n, t]);
return null; return null;
}; };