UI: Added new locale-aware and configurable number formatting (#354)

src/GameOptions/ui/InterfacePage.tsx

@@ -1,5 +1,5 @@
 import React, { useState } from "react";
-import { MenuItem, Select, SelectChangeEvent, TextField, Tooltip, Typography } from "@mui/material";
+import { TextField, Tooltip, Typography } from "@mui/material";
 import { Settings } from "../../Settings/Settings";
 import { OptionSwitch } from "../../ui/React/OptionSwitch";
 import { GameOptionsPage } from "./GameOptionsPage";
@@ -7,12 +7,7 @@ import { formatTime } from "../../utils/helpers/formatTime";
 
 export const InterfacePage = (): React.ReactElement => {
   const [timestampFormat, setTimestampFormat] = useState(Settings.TimestampsFormat);
-  const [locale, setLocale] = useState(Settings.Locale);
 
-  function handleLocaleChange(event: SelectChangeEvent<string>): void {
-    setLocale(event.target.value);
-    Settings.Locale = event.target.value;
-  }
   function handleTimestampFormatChange(event: React.ChangeEvent<HTMLInputElement>): void {
     setTimestampFormat(event.target.value);
     Settings.TimestampsFormat = event.target.value;
@@ -42,14 +37,6 @@ export const InterfacePage = (): React.ReactElement => {
         text="Disable Overview Progress Bars"
         tooltip={<>If this is set, the progress bars in the character overview will be hidden.</>}
       />
-      <OptionSwitch
-        checked={Settings.UseIEC60027_2}
-        onChange={(newValue) => (Settings.UseIEC60027_2 = newValue)}
-        text="Use GiB instead of GB"
-        tooltip={
-          <>If this is set all references to memory will use GiB instead of GB, in accordance with IEC 60027-2.</>
-        }
-      />
       <OptionSwitch
         checked={Settings.ShowMiddleNullTimeUnit}
         onChange={(newValue) => (Settings.ShowMiddleNullTimeUnit = newValue)}
@@ -83,24 +70,6 @@ export const InterfacePage = (): React.ReactElement => {
         Example timestamp: {timestampFormat !== "" ? formatTime(timestampFormat) : "no timestamp"}
       </Typography>
       <br />
-
-      <Select startAdornment={<Typography>Locale&nbsp;</Typography>} value={locale} onChange={handleLocaleChange}>
-        <MenuItem value="en">en</MenuItem>
-        <MenuItem value="bg">bg</MenuItem>
-        <MenuItem value="cs">cs</MenuItem>
-        <MenuItem value="da-dk">da-dk</MenuItem>
-        <MenuItem value="de">de</MenuItem>
-        <MenuItem value="en-au">en-au</MenuItem>
-        <MenuItem value="en-gb">en-gb</MenuItem>
-        <MenuItem value="es">es</MenuItem>
-        <MenuItem value="fr">fr</MenuItem>
-        <MenuItem value="hu">hu</MenuItem>
-        <MenuItem value="it">it</MenuItem>
-        <MenuItem value="lv">lv</MenuItem>
-        <MenuItem value="no">no</MenuItem>
-        <MenuItem value="pl">pl</MenuItem>
-        <MenuItem value="ru">ru</MenuItem>
-      </Select>
     </GameOptionsPage>
   );
 };