From 7f0c31c2e09b3ee9aae6c3dfb54fac2f2b1dfe23 Mon Sep 17 00:00:00 2001
From: Elias Schneider <login@eliasschneider.com>
Date: Sun, 23 Jul 2023 13:42:10 +0200
Subject: [PATCH] feat: add note to language picker

---
 frontend/src/components/account/LanguagePicker.tsx | 3 +++
 frontend/src/i18n/translations/en-US.ts            | 2 ++
 2 files changed, 5 insertions(+)

diff --git a/frontend/src/components/account/LanguagePicker.tsx b/frontend/src/components/account/LanguagePicker.tsx
index b5bc29d10..95f0c6f06 100644
--- 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
index da9e316cc..d2dc2b163 100644
--- 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