Merge remote-tracking branch 'origin' into samsung-icon-session

src/context/Locale.tsx

@@ -67,6 +67,7 @@ export enum Language {
     BOTTOM = "bottom",
     LEET = "leet",
     PIGLATIN = "piglatin",
+    ENCHANTMENT_TABLE = "enchantment",
 }
 
 export interface LanguageEntry {
@@ -146,7 +147,7 @@ export const Languages: { [key in Language]: LanguageEntry } = {
 
     owo: {
         display: "OwO",
-        emoji: "🐱",
+        emoji: "😸",
         i18n: "owo",
         dayjs: "en-gb",
         cat: "alt",
@@ -172,6 +173,13 @@ export const Languages: { [key in Language]: LanguageEntry } = {
         dayjs: "en-gb",
         cat: "alt",
     },
+    enchantment: {
+        display: "Enchantment Table",
+        emoji: "🪄",
+        i18n: "enchantment",
+        dayjs: "en-gb",
+        cat: "alt",
+    },
     piglatin: {
         display: "Pig Latin",
         emoji: "🐖",

src/pages/settings/panes/Languages.tsx

@@ -13,6 +13,7 @@ import {
 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 tokiponaSVG from "../assets/toki_pona.svg";
 
 type Props = {
@@ -38,6 +39,12 @@ function Entry({ entry: [x, lang], locale }: { entry: Key } & Props) {
             <div className={styles.flag}>
                 {lang.emoji === "🙂" ? (
                     <img src={tokiponaSVG} width={42} />
+                ) : lang.emoji === "🪄" ? (
+                    <img
+                        src={enchantingTableWEBP}
+                        width={42}
+                        style={{ objectFit: "contain" }}
+                    />
                 ) : (
                     <Emoji size={42} emoji={lang.emoji} />
                 )}