From 9d7f4929ad784bb4c246d2b0bdbe463cbc5f2075 Mon Sep 17 00:00:00 2001 From: gorkem-bwl Date: Sun, 26 Apr 2026 01:55:42 -0400 Subject: [PATCH] fix(client): use native language names in the settings dropdown too MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Export the languageNames map and reuse it in the Settings page so EN/DE/TR turn into English/Deutsch/Türkçe alongside the auth-page selector. --- client/src/Components/inputs/LanguageSelector.tsx | 2 +- client/src/Pages/Settings/index.tsx | 3 ++- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/client/src/Components/inputs/LanguageSelector.tsx b/client/src/Components/inputs/LanguageSelector.tsx index 5cd96f857..430cd28b5 100644 --- a/client/src/Components/inputs/LanguageSelector.tsx +++ b/client/src/Components/inputs/LanguageSelector.tsx @@ -7,7 +7,7 @@ import { useDispatch } from "react-redux"; import { setLanguage } from "@/Features/UI/uiSlice"; import type { RootState } from "@/Types/state"; -const languageNames: Record = { +export const languageNames: Record = { en: "English", de: "Deutsch", es: "Español", diff --git a/client/src/Pages/Settings/index.tsx b/client/src/Pages/Settings/index.tsx index ac7237c91..d1040b913 100644 --- a/client/src/Pages/Settings/index.tsx +++ b/client/src/Pages/Settings/index.tsx @@ -24,6 +24,7 @@ import type { SettingsFormData, SettingsFormInput } from "@/Validation/settings" import { useState } from "react"; import { Controller } from "react-hook-form"; import { TextField, Button, FieldLabel, SliderWithLabel } from "@/Components/inputs"; +import { languageNames } from "@/Components/inputs/LanguageSelector"; import { Box, Typography } from "@mui/material"; import { useDelete } from "@/Hooks/UseApi"; @@ -327,7 +328,7 @@ export const SettingsPage = () => { key={lang} value={lang} > - {lang.toUpperCase()} + {languageNames[lang] ?? lang} ))}