Infrastructure/pingvin-share
0
Fork 0
mirror of https://github.com/stonith404/pingvin-share.git synced 2025-01-15 01:14:27 -05:00
Code Issues Activity

feat: add note to language picker

Browse source
This commit is contained in:
Elias Schneider 2023-07-23 13:42:10 +02:00
parent f4c88aeb08
commit 7f0c31c2e0
No known key found for this signature in database
GPG key ID: 07E623B294202B6C
2 changed files with 5 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
frontend/src/components/account/LanguagePicker.tsx
View file

@ -1,9 +1,11 @@
import { Select } from "@mantine/core"; import { Select } from "@mantine/core";
import { getCookie, setCookie } from "cookies-next"; import { getCookie, setCookie } from "cookies-next";
import { useState } from "react"; import { useState } from "react";
import useTranslate from "../../hooks/useTranslate.hook";
import { LOCALES } from "../../i18n/locales"; import { LOCALES } from "../../i18n/locales";
const LanguagePicker = () => { const LanguagePicker = () => {
const t = useTranslate();
const [selectedLanguage, setSelectedLanguage] = useState( const [selectedLanguage, setSelectedLanguage] = useState(
getCookie("language")?.toString() getCookie("language")?.toString()
); );
@ -15,6 +17,7 @@ const LanguagePicker = () => {
return ( return (
<Select <Select
value={selectedLanguage} value={selectedLanguage}
description={t("account.card.language.description")}
onChange={(value) => { onChange={(value) => {
setSelectedLanguage(value ?? "en"); setSelectedLanguage(value ?? "en");
setCookie("language", value, { setCookie("language", value, {

2
frontend/src/i18n/translations/en-US.ts
View file

@ -100,6 +100,8 @@ export default {
"account.notify.totp.enable": "TOTP enabled successfully", "account.notify.totp.enable": "TOTP enabled successfully",
"account.card.language.title": "Language", "account.card.language.title": "Language",
"account.card.language.description":
"The project is translated by the community. Some languages might be incomplete.",
"account.card.color.title": "Color scheme", "account.card.color.title": "Color scheme",
// ThemeSwitcher.tsx // ThemeSwitcher.tsx