From aa5a7294df74ddc0c046d65a1abb4540a0b71468 Mon Sep 17 00:00:00 2001
From: Elian Doran <contact@eliandoran.me>
Date: Sun, 11 Aug 2024 08:24:15 +0300
Subject: [PATCH] client: Add country flags to language selection

---
 .../app/widgets/type_widgets/options/appearance/i18n.js     | 2 +-
 src/routes/api/options.ts                                   | 6 ++++--
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/public/app/widgets/type_widgets/options/appearance/i18n.js b/src/public/app/widgets/type_widgets/options/appearance/i18n.js
index 392e3e7a0..3951a695e 100644
--- a/src/public/app/widgets/type_widgets/options/appearance/i18n.js
+++ b/src/public/app/widgets/type_widgets/options/appearance/i18n.js
@@ -32,7 +32,7 @@ export default class LocalizationOptions extends OptionsWidget {
         for (const locale of availableLocales) {
             this.$localeSelect.append($("<option>")
                 .attr("value", locale.id)
-                .text(locale.name));
+                .text(`${locale.flag} ${locale.name}`));
         }
 
         this.$localeSelect.val(options.locale);
diff --git a/src/routes/api/options.ts b/src/routes/api/options.ts
index 5c6c2aa26..d5f89436f 100644
--- a/src/routes/api/options.ts
+++ b/src/routes/api/options.ts
@@ -135,11 +135,13 @@ function getSupportedLocales() {
     return [
         {
             "id": "en",
-            "name": "English"
+            "flag": "🇺🇸",
+            "name": "English (United States)"
         },
         {
             "id": "cn",
-            "name": "Chinese"
+            "flag": "🇨🇳",
+            "name": "Chinese (China)"
         }
     ];
 }