Mirrors/blakeblackshear.frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-03-07 02:18:07 +01:00
Code Issues Projects Releases Wiki Activity

Support automatic language selection based on system language (#17953)

Browse Source 
* Support automatic language selection

* Handle non-matching keys

* Cleanup

* Handle region specific language codes from browser

* Fix passing in requestor
This commit is contained in:
Nicolas Mowen
2025-04-29 09:02:50 -06:00
committed by GitHub
parent 9291543705
commit e57dde7bb0
4 changed files with 55 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
web/src/components/menu/GeneralSettings.tsx
View File

@@ -34,7 +34,7 @@ import {
useTheme,
} from "@/context/theme-provider";
import { IoColorPalette } from "react-icons/io5";
import { useState } from "react";
import { useMemo, useState } from "react";
import { useRestart } from "@/api/ws";
import {
Tooltip,
@@ -62,6 +62,7 @@ import { toast } from "sonner";
import axios from "axios";
import { FrigateConfig } from "@/types/frigateConfig";
import { useTranslation } from "react-i18next";
import { supportedLanguageKeys } from "@/lib/const";
type GeneralSettingsProps = {
className?: string;
@@ -75,20 +76,21 @@ export default function GeneralSettings({ className }: GeneralSettingsProps) {
// languages
const languages = [
{ code: "en", label: t("menu.language.en") },
{ code: "es", label: t("menu.language.es") },
{ code: "fr", label: t("menu.language.fr") },
{ code: "de", label: t("menu.language.de") },
{ code: "it", label: t("menu.language.it") },
{ code: "nl", label: t("menu.language.nl") },
{ code: "nb-NO", label: t("menu.language.nb") },
{ code: "tr", label: t("menu.language.tr") },
{ code: "pl", label: t("menu.language.pl") },
{ code: "zh-CN", label: t("menu.language.zhCN") },
{ code: "yue-Hant", label: t("menu.language.yue") },
{ code: "ru", label: t("menu.language.ru") },
];
const languages = useMemo(() => {
// Handle language keys that aren't directly used for translation key
const specialKeyMap: { [key: string]: string } = {
"nb-NO": "nb",
"yue-Hant": "yue",
"zh-CN": "zhCN",
};
return supportedLanguageKeys.map((key) => {
return {
code: key,
label: t(`menu.language.${specialKeyMap[key] || key}`),
};
});
}, [t]);
// settings