chore(locale): add languages (Bengali, Catalonian, Danish, Esperanto)

src/context/Locale.tsx

@@ -25,7 +25,10 @@ export enum Language {
     AZERBAIJANI = "az",
     BELARUSIAN = "be",
     BULGARIAN = "bg",
+    BENGALI = "bn",
+    CATALONIAN = "ca",
     CZECH = "cs",
+    DANISH = "da",
     GERMAN = "de",
     GREEK = "el",
     SPANISH = "es",
@@ -66,6 +69,7 @@ export enum Language {
     CHINESE_SIMPLIFIED = "zh_Hans",
 
     TOKIPONA = "tokipona",
+    ESPERANTO = "esperanto",
 
     OWO = "owo",
     PIRATE = "pr",
@@ -96,7 +100,10 @@ export const Languages: { [key in Language]: LanguageEntry } = {
     az: { display: "Azərbaycan dili", emoji: "🇦🇿", i18n: "az" },
     be: { display: "беларуская", emoji: "🇧🇾", i18n: "be" },
     bg: { display: "български", emoji: "🇧🇬", i18n: "bg" },
+    bn: { display: "বাংলা", emoji: "🇧🇩", i18n: "bn" },
+    ca: { display: "Català", emoji: "🇪🇸", i18n: "ca" },
     cs: { display: "Čeština", emoji: "🇨🇿", i18n: "cs" },
+    da: { display: "Danskers", emoji: "🇩🇰", i18n: "da" },
     de: { display: "Deutsch", emoji: "🇩🇪", i18n: "de" },
     el: { display: "Ελληνικά", emoji: "🇬🇷", i18n: "el" },
     es: { display: "Español", emoji: "🇪🇸", i18n: "es" },
@@ -158,6 +165,13 @@ export const Languages: { [key in Language]: LanguageEntry } = {
         dayjs: "en-gb",
         cat: "const",
     },
+    esperanto: {
+        display: "Esperanto",
+        emoji: "EO",
+        i18n: "eo",
+        dayjs: "en-gb",
+        cat: "const",
+    },
 
     owo: {
         display: "OwO",

src/pages/settings/assets/esperanto.svg

@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" width="600" height="400">
+<path fill="#FFF" d="m0,0h202v202H0"/>
+<path fill="#090" d="m0,200H200V0H600V400H0m58-243 41-126 41,126-107-78h133"/>
+</svg>

src/pages/settings/panes/Languages.tsx

@@ -16,6 +16,7 @@ import Emoji from "../../../components/common/Emoji";
 import Checkbox from "../../../components/ui/Checkbox";
 import Tip from "../../../components/ui/Tip";
 import enchantingTableWEBP from "../assets/enchanting_table.webp";
+import esperantoFlagSVG from "../assets/esperanto.svg";
 import tamilFlagPNG from "../assets/tamil_nadu_flag.png";
 import tokiponaSVG from "../assets/toki_pona.svg";
 
@@ -39,18 +40,27 @@ function Entry({ entry: [x, lang], selected, onSelect }: Props) {
             checked={selected}
             onChange={onSelect}>
             <div className={styles.flag}>
-                {lang.i18n === "ta" ? (
+                {lang.i18n === "eo" ? (
+                    <img
+                        src={esperantoFlagSVG}
+                        width={42}
+                        loading="lazy"
+                        style={{ objectFit: "contain", borderRadius: "6px" }}
+                    />
+                ) : lang.i18n === "ta" ? (
                     <img
                         src={tamilFlagPNG}
                         width={42}
+                        loading="lazy"
                         style={{ objectFit: "contain" }}
                     />
                 ) : lang.emoji === "🙂" ? (
-                    <img src={tokiponaSVG} width={42} />
+                    <img src={tokiponaSVG} width={42} loading="lazy" />
                 ) : lang.emoji === "🪄" ? (
                     <img
                         src={enchantingTableWEBP}
                         width={42}
+                        loading="lazy"
                         style={{ objectFit: "contain" }}
                     />
                 ) : (