From d2a10a5b8b59020d245f4416baac8e56605ca9cb Mon Sep 17 00:00:00 2001
From: Alexander Zinchuk <alx.zinchuk@gmail.com>
Date: Fri, 21 May 2021 14:44:23 +0300
Subject: [PATCH] Settings: Display browser language above other languages
 (#1106)

---
 src/components/left/settings/SettingsLanguage.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/components/left/settings/SettingsLanguage.tsx b/src/components/left/settings/SettingsLanguage.tsx
index a21049f7d..83e7ad85d 100644
--- a/src/components/left/settings/SettingsLanguage.tsx
+++ b/src/components/left/settings/SettingsLanguage.tsx
@@ -64,11 +64,16 @@ const SettingsLanguage: FC<StateProps & DispatchProps> = ({
 };
 
 function buildOptions(languages: ApiLanguage[]) {
+  const currentLangCode = (window.navigator.language || 'en').toLowerCase();
+  const shortLangCode = currentLangCode.substr(0, 2);
+
   return languages.map(({ langCode, nativeName, name }) => ({
     value: langCode,
     label: nativeName,
     subLabel: name,
-  }));
+  })).sort((a) => {
+    return currentLangCode && (a.value === currentLangCode || a.value === shortLangCode) ? -1 : 0;
+  });
 }
 
 export default memo(withGlobal(