From d0c1705c8b361043e47f2c1a2394f98e3cc12870 Mon Sep 17 00:00:00 2001
From: Rexogamer <beartechtalks@gmail.com>
Date: Sun, 12 Nov 2023 19:39:19 +0000
Subject: [PATCH] feat: add english names below native ones + new languages

---
 i18n/languages.ts                             | 19 +++++++++++---
 src/Generic.tsx                               |  2 +-
 .../settings/atoms/StringNumberSetting.tsx    | 26 ++++++++++++++-----
 src/lib/types.ts                              |  1 +
 4 files changed, 38 insertions(+), 10 deletions(-)

diff --git a/i18n/languages.ts b/i18n/languages.ts
index cc6855f3..ac2079bc 100644
--- a/i18n/languages.ts
+++ b/i18n/languages.ts
@@ -2,15 +2,28 @@ import {Language} from '../src/lib/types';
 
 // string files
 import {default as en} from './strings/en.json';
+import {default as de} from './strings/en.json';
+import {default as ru} from './strings/en.json';
 
 // resources object passed to i18next
 export const resources = {
   en: {translation: en},
+  de: {translation: de},
+  ru: {translation: ru},
 };
 
 // languages object, used for settings
 export const languages = {
-  en: {name: 'English (Traditional)', emoji: '🇬🇧'} as Language,
-  de: {name: 'Deutsch (Deutschland)', emoji: '🇩🇪'} as Language,
-  it: {name: 'Italiano', emoji: '🇮🇹'} as Language,
+  en: {
+    name: 'English (Traditional)',
+    englishName: 'English (UK)',
+    emoji: '🇬🇧',
+  } as Language,
+  de: {
+    name: 'Deutsch (Deutschland)',
+    englishName: 'German (Germany)',
+    emoji: '🇩🇪',
+  } as Language,
+  it: {name: 'Italiano', englishName: 'Italian', emoji: '🇮🇹'} as Language,
+  ru: {name: 'Русский', englishName: 'Russian', emoji: '🇷🇺'} as Language,
 };
diff --git a/src/Generic.tsx b/src/Generic.tsx
index 280c0a51..da2aaa2e 100644
--- a/src/Generic.tsx
+++ b/src/Generic.tsx
@@ -117,7 +117,7 @@ export const app = {
     list: [
       {
         key: 'app.language',
-        name: 'Language',
+        name: 'Select your language',
         category: 'i18n',
         default: 'en',
         type: 'string',
diff --git a/src/components/common/settings/atoms/StringNumberSetting.tsx b/src/components/common/settings/atoms/StringNumberSetting.tsx
index a41d11ae..f1e6a498 100644
--- a/src/components/common/settings/atoms/StringNumberSetting.tsx
+++ b/src/components/common/settings/atoms/StringNumberSetting.tsx
@@ -59,12 +59,26 @@ export const StringNumberSetting = ({
                     rerender(renderCount + 1);
                   }
                 }}>
-                <Text style={{flex: 1}}>
-                  {sRaw.key === 'app.language'
-                    ? // @ts-expect-error this will always exist
-                      `${languages[o].emoji} ${languages[o].name}`
-                    : o}
-                </Text>
+                {sRaw.key === 'app.language' ? (
+                  <View style={{flex: 1, flexDirection: 'row'}}>
+                    <Text style={{alignSelf: 'center', marginEnd: 8}}>
+                      {/* @ts-expect-error this will always exist */}
+                      {languages[o].emoji}
+                    </Text>
+                    <View style={{flexDirection: 'column'}}>
+                      <Text style={{fontWeight: 'bold'}}>
+                        {/* @ts-expect-error this will always exist */}
+                        {languages[o].name}
+                      </Text>
+                      <Text colour={currentTheme.foregroundSecondary}>
+                        {/* @ts-expect-error this will always exist */}
+                        {languages[o].englishName}
+                      </Text>
+                    </View>
+                  </View>
+                ) : (
+                  <Text style={{flex: 1}}>{o}</Text>
+                )}
                 <View style={{...styles.iconContainer, marginRight: 0}}>
                   <MaterialIcon
                     name={`radio-button-${value === o ? 'on' : 'off'}`}
diff --git a/src/lib/types.ts b/src/lib/types.ts
index e4ae3773..8d3fab8a 100644
--- a/src/lib/types.ts
+++ b/src/lib/types.ts
@@ -52,5 +52,6 @@ export type DeletableObject = TypedMessage | TypedServer;
 
 export type Language = {
   name: string;
+  englishName: string;
   emoji: string;
 };