diff --git a/src/GameOptions/ui/GameOptionsPage.tsx b/src/GameOptions/ui/GameOptionsPage.tsx
index a8b5e4afa..793fb7abb 100644
--- a/src/GameOptions/ui/GameOptionsPage.tsx
+++ b/src/GameOptions/ui/GameOptionsPage.tsx
@@ -1,9 +1,8 @@
-import { List, ListItem, Paper, Typography } from "@mui/material";
-import { uniqueId } from "lodash";
+import { List, Paper, Typography } from "@mui/material";
import React from "react";
interface IProps {
- children: React.ReactElement | (React.ReactElement | null)[];
+ children: React.ReactNode;
title: string;
}
@@ -11,19 +10,7 @@ export const GameOptionsPage = (props: IProps): React.ReactElement => {
return (
{props.title}
- {(props.children as any)?.length > 1 ? (
-
- {(props.children as React.ReactElement[])
- .filter((c) => c)
- .map((c, i) => (
-
- {c}
-
- ))}
-
- ) : (
- props.children
- )}
+ {props.children}
);
};
diff --git a/src/GameOptions/ui/GameOptionsRoot.tsx b/src/GameOptions/ui/GameOptionsRoot.tsx
index da78eae2c..49eeed0f0 100644
--- a/src/GameOptions/ui/GameOptionsRoot.tsx
+++ b/src/GameOptions/ui/GameOptionsRoot.tsx
@@ -28,7 +28,7 @@ export function GameOptionsRoot(props: IProps): React.ReactElement {
setCurrentTab(tab)}
+ setTab={setCurrentTab}
player={props.player}
router={props.router}
save={props.save}
diff --git a/src/GameOptions/ui/InterfacePage.tsx b/src/GameOptions/ui/InterfacePage.tsx
index 5af2e79e3..e37aebf22 100644
--- a/src/GameOptions/ui/InterfacePage.tsx
+++ b/src/GameOptions/ui/InterfacePage.tsx
@@ -58,6 +58,7 @@ export const InterfacePage = (): React.ReactElement => {
}
>
{
>
}
/>
+
(Settings.EnableBashHotkeys = newValue)}
diff --git a/src/GameOptions/ui/RemoteAPIPage.tsx b/src/GameOptions/ui/RemoteAPIPage.tsx
index 0f00ddb30..0441397c8 100644
--- a/src/GameOptions/ui/RemoteAPIPage.tsx
+++ b/src/GameOptions/ui/RemoteAPIPage.tsx
@@ -34,6 +34,7 @@ export const RemoteAPIPage = (): React.ReactElement => {
}
>
0 && remoteFileApiPort <= 65535 ? "success" : "error"}>
diff --git a/src/ui/React/OptionSwitch.tsx b/src/ui/React/OptionSwitch.tsx
index 5b6f8f364..a7cbf6028 100644
--- a/src/ui/React/OptionSwitch.tsx
+++ b/src/ui/React/OptionSwitch.tsx
@@ -18,13 +18,16 @@ export function OptionSwitch({ checked, onChange, text, tooltip }: IProps): Reac
useEffect(() => onChange(value), [value]);
return (
- }
- label={
- {tooltip}}>
- {text}
-
- }
- />
+ <>
+ }
+ label={
+ {tooltip}}>
+ {text}
+
+ }
+ />
+
+ >
);
}