diff --git a/src/Infiltration/ui/BackwardGame.tsx b/src/Infiltration/ui/BackwardGame.tsx index 1c5ef1e6c..dd2785ddd 100644 --- a/src/Infiltration/ui/BackwardGame.tsx +++ b/src/Infiltration/ui/BackwardGame.tsx @@ -6,10 +6,10 @@ import { GameTimer } from "./GameTimer"; import { random } from "../utils"; import { interpolate } from "./Difficulty"; import { BlinkingCursor } from "./BlinkingCursor"; -import Typography from "@mui/material/Typography"; import { KEY } from "../../utils/helpers/keyCodes"; import { Player } from "../../Player"; import { AugmentationNames } from "../../Augmentation/data/AugmentationNames"; +import { Paper, Typography, Box } from "@mui/material"; interface Difficulty { [key: string]: number; @@ -48,24 +48,18 @@ export function BackwardGame(props: IMinigameProps): React.ReactElement { } return ( - + <> - + Type it{!hasAugment ? " backward" : ""} - - - - {answer} - - - + {answer} {guess} - - + + ); } diff --git a/src/Infiltration/ui/BlinkingCursor.tsx b/src/Infiltration/ui/BlinkingCursor.tsx index 599d23f66..0cace1fd1 100644 --- a/src/Infiltration/ui/BlinkingCursor.tsx +++ b/src/Infiltration/ui/BlinkingCursor.tsx @@ -6,5 +6,5 @@ export function BlinkingCursor(): React.ReactElement { const i = setInterval(() => setOn((old) => !old), 1000); return () => clearInterval(i); }); - return <>{on ? "|" : ""}; + return <>{on ? "|" : <> }; }