Cutlery/Kyoo
1
0
Fork 0
mirror of https://github.com/zoriya/Kyoo.git synced 2025-05-24 02:02:36 -04:00
Code Issues Packages Projects Releases Wiki Activity

Add language variations (#671)

Browse Source 
Co-authored-by: Felipe Marinho <felipe.marinho@ifood.com.br>
This commit is contained in:
Felipe Marinho 2024-11-11 17:28:53 -03:00 committed by GitHub
parent 049f4b0c7c
commit 8312c66e07
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 21 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
front/packages/ui/src/settings/playback.tsx
View File

@ -18,18 +18,15 @@
* along with Kyoo. If not, see <https://www.gnu.org/licenses/>. * along with Kyoo. If not, see <https://www.gnu.org/licenses/>.
*/ */
import { useLocalSetting } from "@kyoo/models"; import { languageCodes, useLanguageName } from "../utils";
import { Select } from "@kyoo/primitives";
import { useTranslation } from "react-i18next";
import { Preference, SettingsContainer, useSetting } from "./base"; import { Preference, SettingsContainer, useSetting } from "./base";
import { useLocalSetting } from "@kyoo/models";
import { Select } from "@kyoo/primitives";
import SubtitleLanguage from "@material-symbols/svg-400/rounded/closed_caption-fill.svg"; import SubtitleLanguage from "@material-symbols/svg-400/rounded/closed_caption-fill.svg";
import PlayModeI from "@material-symbols/svg-400/rounded/display_settings-fill.svg"; import PlayModeI from "@material-symbols/svg-400/rounded/display_settings-fill.svg";
import AudioLanguage from "@material-symbols/svg-400/rounded/music_note-fill.svg"; import AudioLanguage from "@material-symbols/svg-400/rounded/music_note-fill.svg";
import intl from "langmap"; import { useTranslation } from "react-i18next";
import { useLanguageName } from "../utils";
const allLanguages = Object.keys(intl).filter((x) => !x.includes("-") && !x.includes("@"));
export const PlaybackSettings = () => { export const PlaybackSettings = () => {
const { t } = useTranslation(); const { t } = useTranslation();
@ -62,7 +59,7 @@ export const PlaybackSettings = () => {
label={t("settings.playback.audioLanguage.label")} label={t("settings.playback.audioLanguage.label")}
value={audio} value={audio}
onValueChange={(value) => setAudio(value)} onValueChange={(value) => setAudio(value)}
values={["default", ...allLanguages]} values={["default", ...languageCodes]}
getLabel={(key) => getLabel={(key) =>
key === "default" ? t("mediainfo.default") : (getLanguageName(key) ?? key) key === "default" ? t("mediainfo.default") : (getLanguageName(key) ?? key)
} }
@ -77,7 +74,7 @@ export const PlaybackSettings = () => {
label={t("settings.playback.subtitleLanguage.label")} label={t("settings.playback.subtitleLanguage.label")}
value={subtitle ?? "none"} value={subtitle ?? "none"}
onValueChange={(value) => setSubtitle(value === "none" ? null : value)} onValueChange={(value) => setSubtitle(value === "none" ? null : value)}
values={["none", "default", ...allLanguages]} values={["none", "default", ...languageCodes]}
getLabel={(key) => getLabel={(key) =>
key === "none" key === "none"
? t("settings.playback.subtitleLanguage.none") ? t("settings.playback.subtitleLanguage.none")

15
front/packages/ui/src/utils.ts
View File

@ -18,3 +18,18 @@ export const useDisplayName = () => {
return "Unknown"; return "Unknown";
}; };
}; };
const seenNativeNames = new Set();
export const languageCodes = Object.keys(intl)
.filter((x) => {
const nativeName = intl[x]?.nativeName;
// Only include if nativeName is unique and defined
if (nativeName && !seenNativeNames.has(nativeName)) {
seenNativeNames.add(nativeName);
return true;
}
return false;
})
.filter((x) => !x.includes("@"));