fix some stuff with the timestamp settings

This commit is contained in:
Olivier Gagnon 2022-08-29 16:45:07 -04:00
parent 3fe6a6e19d
commit e57fee00d2
2 changed files with 25 additions and 25 deletions

@ -1,9 +1,10 @@
import React, { useState } from "react"; import React, { useState } from "react";
import { MenuItem, Select, SelectChangeEvent, TextField, Tooltip, Typography } from "@mui/material"; import { MenuItem, Select, SelectChangeEvent, TextField, Tooltip, Typography } from "@mui/material";
import { Settings } from "../../Settings/Settings"; import { defaultSettings, Settings } from "../../Settings/Settings";
import { OptionSwitch } from "../../ui/React/OptionSwitch"; import { OptionSwitch } from "../../ui/React/OptionSwitch";
import { GameOptionsPage } from "./GameOptionsPage"; import { GameOptionsPage } from "./GameOptionsPage";
import { formatTime } from "../../utils/helpers/formatTime"; import { formatTime } from "../../utils/helpers/formatTime";
import { Box } from "@mui/system";
export const InterfacePage = (): React.ReactElement => { export const InterfacePage = (): React.ReactElement => {
const [timestampFormat, setTimestampFormat] = useState(Settings.TimestampsFormat); const [timestampFormat, setTimestampFormat] = useState(Settings.TimestampsFormat);
@ -64,7 +65,7 @@ export const InterfacePage = (): React.ReactElement => {
<Typography <Typography
color={formatTime(timestampFormat) === "format error" && timestampFormat !== "" ? "error" : "success"} color={formatTime(timestampFormat) === "format error" && timestampFormat !== "" ? "error" : "success"}
> >
Timestamp format: Timestamp&nbsp;format:&nbsp;
</Typography> </Typography>
), ),
}} }}
@ -73,28 +74,28 @@ export const InterfacePage = (): React.ReactElement => {
placeholder="yyyy-MM-dd hh:mm:ss" placeholder="yyyy-MM-dd hh:mm:ss"
/> />
</Tooltip> </Tooltip>
<> <Typography>
<Tooltip title={<Typography>Sets the locale for displaying numbers.</Typography>}> Example timestamp: {timestampFormat !== "" ? formatTime(timestampFormat) : "no timestamp"}
<Typography>Locale</Typography> </Typography>
</Tooltip> <br />
<Select value={locale} onChange={handleLocaleChange}>
<MenuItem value="en">en</MenuItem> <Select startAdornment={<Typography>Locale&nbsp;</Typography>} value={locale} onChange={handleLocaleChange}>
<MenuItem value="bg">bg</MenuItem> <MenuItem value="en">en</MenuItem>
<MenuItem value="cs">cs</MenuItem> <MenuItem value="bg">bg</MenuItem>
<MenuItem value="da-dk">da-dk</MenuItem> <MenuItem value="cs">cs</MenuItem>
<MenuItem value="de">de</MenuItem> <MenuItem value="da-dk">da-dk</MenuItem>
<MenuItem value="en-au">en-au</MenuItem> <MenuItem value="de">de</MenuItem>
<MenuItem value="en-gb">en-gb</MenuItem> <MenuItem value="en-au">en-au</MenuItem>
<MenuItem value="es">es</MenuItem> <MenuItem value="en-gb">en-gb</MenuItem>
<MenuItem value="fr">fr</MenuItem> <MenuItem value="es">es</MenuItem>
<MenuItem value="hu">hu</MenuItem> <MenuItem value="fr">fr</MenuItem>
<MenuItem value="it">it</MenuItem> <MenuItem value="hu">hu</MenuItem>
<MenuItem value="lv">lv</MenuItem> <MenuItem value="it">it</MenuItem>
<MenuItem value="no">no</MenuItem> <MenuItem value="lv">lv</MenuItem>
<MenuItem value="pl">pl</MenuItem> <MenuItem value="no">no</MenuItem>
<MenuItem value="ru">ru</MenuItem> <MenuItem value="pl">pl</MenuItem>
</Select> <MenuItem value="ru">ru</MenuItem>
</> </Select>
</GameOptionsPage> </GameOptionsPage>
); );
}; };

@ -18,7 +18,6 @@ export const MiscPage = (): React.ReactElement => {
</> </>
} }
/> />
<br />
<OptionSwitch <OptionSwitch
checked={Settings.EnableBashHotkeys} checked={Settings.EnableBashHotkeys}
onChange={(newValue) => (Settings.EnableBashHotkeys = newValue)} onChange={(newValue) => (Settings.EnableBashHotkeys = newValue)}