From bd31560793278a6e65afae1742ffcc14fa907288 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?nicole=20miko=C5=82ajczyk?= <git@mkljczk.pl>
Date: Sat, 13 Sep 2025 12:54:47 +0200
Subject: [PATCH] pl-fe: add weblate link to settings page
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: nicole mikołajczyk <git@mkljczk.pl>
---
 .../pl-fe/src/features/preferences/index.tsx   | 18 +++++++++++++++++-
 packages/pl-fe/src/locales/en.json             |  1 +
 2 files changed, 18 insertions(+), 1 deletion(-)

diff --git a/packages/pl-fe/src/features/preferences/index.tsx b/packages/pl-fe/src/features/preferences/index.tsx
index af1cf87e4..01af8c597 100644
--- a/packages/pl-fe/src/features/preferences/index.tsx
+++ b/packages/pl-fe/src/features/preferences/index.tsx
@@ -8,6 +8,7 @@ import Button from 'pl-fe/components/ui/button';
 import Form from 'pl-fe/components/ui/form';
 import HStack from 'pl-fe/components/ui/hstack';
 import StepSlider from 'pl-fe/components/ui/step-slider';
+import Text from 'pl-fe/components/ui/text';
 import { Mutliselect, SelectDropdown } from 'pl-fe/features/forms';
 import SettingToggle from 'pl-fe/features/settings/components/setting-toggle';
 import { useAppDispatch } from 'pl-fe/hooks/use-app-dispatch';
@@ -17,6 +18,7 @@ import { useInstance } from 'pl-fe/hooks/use-instance';
 import { usePlFeConfig } from 'pl-fe/hooks/use-pl-fe-config';
 import { useSettings } from 'pl-fe/hooks/use-settings';
 import { PaletteListItem } from 'pl-fe/pages/dashboard/theme-editor';
+import sourceCode from 'pl-fe/utils/code';
 import colors from 'pl-fe/utils/colors';
 import { isStandalone } from 'pl-fe/utils/state';
 
@@ -217,7 +219,21 @@ const Preferences = () => {
       </HStack>
 
       <List>
-        <ListItem label={<FormattedMessage id='preferences.fields.language_label' defaultMessage='Display language' />}>
+        <ListItem
+          label={<FormattedMessage id='preferences.fields.language_label' defaultMessage='Display language' />}
+          hint={
+            <FormattedMessage
+              id='preferences.fields.language_hint'
+              defaultMessage='You can help translating the {software} interface into your language on <link>Weblate</link>.'
+              values={{
+                software: sourceCode.displayName,
+                link: (children: React.ReactNode) => (
+                  <a className='underline' href='https://hosted.weblate.org/projects/pl-fe/pl-fe/' rel='noopener' target='_blank'>{children}</a>
+                ),
+              }}
+            />
+          }
+        >
           <SelectDropdown
             className='max-w-[200px]'
             items={languages}
diff --git a/packages/pl-fe/src/locales/en.json b/packages/pl-fe/src/locales/en.json
index 6fd65a613..ab9d56271 100644
--- a/packages/pl-fe/src/locales/en.json
+++ b/packages/pl-fe/src/locales/en.json
@@ -1405,6 +1405,7 @@
   "preferences.fields.implicit_addressing_label": "Include mentions in post content when replying",
   "preferences.fields.interface_size": "Interface size",
   "preferences.fields.known_languages_label": "Languages you know",
+  "preferences.fields.language_hint": "You can help translating the {software} interface into your language on <link>Weblate</link>.",
   "preferences.fields.language_label": "Display language",
   "preferences.fields.media_display_label": "Sensitive content",
   "preferences.fields.mention_policy_label": "Accept mentions from",