From 5254dc1984787e935691fd0191bff59d977230f3 Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Tue, 27 May 2025 10:01:10 -0700
Subject: [PATCH 1/2] revert gb to en, add language specific flag fixes

---
 client/src/Components/LanguageSelector.jsx | 13 ++++++++++++-
 client/src/Utils/i18n.js                   |  2 +-
 client/src/locales/{gb.json => en.json}    |  0
 3 files changed, 13 insertions(+), 2 deletions(-)
 rename client/src/locales/{gb.json => en.json} (100%)

diff --git a/client/src/Components/LanguageSelector.jsx b/client/src/Components/LanguageSelector.jsx
index 70c41e640..1552bde82 100644
--- a/client/src/Components/LanguageSelector.jsx
+++ b/client/src/Components/LanguageSelector.jsx
@@ -77,7 +77,18 @@ const LanguageSelector = () => {
 			}}
 		>
 			{languages.map((lang) => {
-				const flag = lang ? `fi fi-${lang}` : null;
+				let parsedLang = lang === "en" ? "gb" : lang;
+
+				// Fix for Czech
+				if (parsedLang === "cs") {
+					parsedLang = "cz";
+				}
+				if (parsedLang.includes("-")) {
+					parsedLang = parsedLang.split("-")[1].toLowerCase();
+					console.log("parsedLang", parsedLang);
+				}
+
+				const flag = parsedLang ? `fi fi-${parsedLang}` : null;
 
 				return (
 					<MenuItem
diff --git a/client/src/Utils/i18n.js b/client/src/Utils/i18n.js
index 985762a4e..6087d97ef 100644
--- a/client/src/Utils/i18n.js
+++ b/client/src/Utils/i18n.js
@@ -3,7 +3,7 @@ import { initReactI18next } from "react-i18next";
 import { setLanguage } from "../Features/UI/uiSlice";
 import store from "../store";
 
-const primaryLanguage = "gb";
+const primaryLanguage = "en";
 
 const translations = import.meta.glob("../locales/*.json", { eager: true });
 
diff --git a/client/src/locales/gb.json b/client/src/locales/en.json
similarity index 100%
rename from client/src/locales/gb.json
rename to client/src/locales/en.json

From 1e064fb77185002dd5643600dd4266bcd7af5f6f Mon Sep 17 00:00:00 2001
From: Alex Holliday <ajhollid@gmail.com>
Date: Tue, 27 May 2025 10:09:12 -0700
Subject: [PATCH 2/2] remove style overrides, update script

---
 .github/scripts/download-translations.js   |  3 +-
 client/src/Components/LanguageSelector.jsx | 80 +---------------------
 2 files changed, 4 insertions(+), 79 deletions(-)

diff --git a/.github/scripts/download-translations.js b/.github/scripts/download-translations.js
index d444aeb8e..8f35be0de 100644
--- a/.github/scripts/download-translations.js
+++ b/.github/scripts/download-translations.js
@@ -76,8 +76,7 @@ async function downloadTranslations() {
 
       // Determine the output filename based on language
       const normalizedLanguage = normalizeLanguageCode(language);
-      const filename =
-        normalizedLanguage === "en" ? "gb.json" : `${normalizedLanguage}.json`;
+      const filename = `${normalizedLanguage}.json`;
       const outputPath = path.join(process.cwd(), "temp", filename);
       await fs.writeJson(outputPath, formattedTranslations, { spaces: 2 });
 
diff --git a/client/src/Components/LanguageSelector.jsx b/client/src/Components/LanguageSelector.jsx
index 1552bde82..66faf78ac 100644
--- a/client/src/Components/LanguageSelector.jsx
+++ b/client/src/Components/LanguageSelector.jsx
@@ -21,60 +21,7 @@ const LanguageSelector = () => {
 			value={language}
 			onChange={handleChange}
 			size="small"
-			sx={{
-				height: 28,
-				width: 64,
-				backgroundColor: theme.palette.primary.main,
-				color: theme.palette.primary.contrastText,
-				borderRadius: theme.shape.borderRadius,
-				fontSize: 10,
-				"& .MuiOutlinedInput-notchedOutline": {
-					borderColor: theme.palette.primary.lowContrast,
-					borderRadius: theme.shape.borderRadius,
-				},
-				"&:hover .MuiOutlinedInput-notchedOutline": {
-					borderColor: theme.palette.primary.lowContrast,
-				},
-				"&.Mui-focused .MuiOutlinedInput-notchedOutline": {
-					borderColor: theme.palette.primary.lowContrast,
-				},
-				"& .MuiSvgIcon-root": {
-					color: theme.palette.primary.contrastText,
-					width: 16,
-					height: 16,
-					right: 4,
-					top: "calc(50% - 8px)",
-				},
-				"& .MuiSelect-select": {
-					padding: "2px 20px 2px 8px",
-					display: "flex",
-					alignItems: "center",
-					fontSize: 10,
-				},
-			}}
-			MenuProps={{
-				PaperProps: {
-					sx: {
-						backgroundColor: theme.palette.primary.main,
-						borderRadius: theme.shape.borderRadius,
-						marginTop: 1,
-						width: 64,
-						"& .MuiMenuItem-root": {
-							padding: "2px 8px",
-							minHeight: 28,
-							fontSize: 10,
-						},
-					},
-				},
-				anchorOrigin: {
-					vertical: "bottom",
-					horizontal: "left",
-				},
-				transformOrigin: {
-					vertical: "top",
-					horizontal: "left",
-				},
-			}}
+			sx={{ minWidth: 80 }}
 		>
 			{languages.map((lang) => {
 				let parsedLang = lang === "en" ? "gb" : lang;
@@ -94,45 +41,24 @@ const LanguageSelector = () => {
 					<MenuItem
 						key={lang}
 						value={lang}
-						sx={{
-							color: theme.palette.primary.contrastText,
-							"&:hover": {
-								backgroundColor: theme.palette.primary.lowContrast,
-							},
-							"&.Mui-selected": {
-								backgroundColor: theme.palette.primary.lowContrast,
-								"&:hover": {
-									backgroundColor: theme.palette.primary.lowContrast,
-								},
-							},
-						}}
 					>
 						<Stack
 							direction="row"
-							spacing={2}
+							spacing={theme.spacing(2)}
 							alignItems="center"
-							ml={0.5}
 						>
 							<Box
 								component="span"
 								sx={{
-									width: 16,
-									height: 12,
 									display: "flex",
 									alignItems: "center",
-									"& img": {
-										width: "100%",
-										height: "100%",
-										objectFit: "cover",
-										borderRadius: 0.5,
-									},
 								}}
 							>
 								{flag && <span className={flag} />}
 							</Box>
 							<Box
 								component="span"
-								sx={{ textTransform: "uppercase", fontSize: 10 }}
+								sx={{ textTransform: "uppercase" }}
 							>
 								{lang}
 							</Box>