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 70c41e640..66faf78ac 100644 --- a/client/src/Components/LanguageSelector.jsx +++ b/client/src/Components/LanguageSelector.jsx @@ -21,107 +21,44 @@ 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) => { - 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 ( {flag && } {lang} 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