feat: add note to language picker

stonith404 · Jul 23, 2023 · 7f0c31c · 7f0c31c
1 parent f4c88ae
commit 7f0c31c
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/frontend/src/components/account/LanguagePicker.tsx b/frontend/src/components/account/LanguagePicker.tsx
@@ -1,9 +1,11 @@
 import { Select } from "@mantine/core";
 import { getCookie, setCookie } from "cookies-next";
 import { useState } from "react";
+import useTranslate from "../../hooks/useTranslate.hook";
 import { LOCALES } from "../../i18n/locales";
 
 const LanguagePicker = () => {
+  const t = useTranslate();
   const [selectedLanguage, setSelectedLanguage] = useState(
     getCookie("language")?.toString()
   );
@@ -15,6 +17,7 @@ const LanguagePicker = () => {
   return (
     <Select
       value={selectedLanguage}
+      description={t("account.card.language.description")}
       onChange={(value) => {
         setSelectedLanguage(value ?? "en");
         setCookie("language", value, {

diff --git a/frontend/src/i18n/translations/en-US.ts b/frontend/src/i18n/translations/en-US.ts
@@ -100,6 +100,8 @@ export default {
   "account.notify.totp.enable": "TOTP enabled successfully",
 
   "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",
 
   // ThemeSwitcher.tsx