diff --git a/src/App.css b/src/App.css index 676f39461..ecdbb42d5 100644 --- a/src/App.css +++ b/src/App.css @@ -95,7 +95,8 @@ table.Game-rows > tbody { justify-content: stretch; } -.Game-keyboard-button { +.Game-keyboard-button, +.Game-random-guess { margin: 2px; background-color: #cdcdcd; padding: 2px; diff --git a/src/Game.tsx b/src/Game.tsx index 05617b099..00fc1f0ba 100644 --- a/src/Game.tsx +++ b/src/Game.tsx @@ -3,6 +3,7 @@ import { Row, RowState } from "./Row"; import dictionary from "./dictionary.json"; import { Clue, clue, describeClue, violation } from "./clue"; import { Keyboard } from "./Keyboard"; +import { RandomGuess } from "./RandomGuess"; import targetList from "./targets.json"; import { describeSeed, @@ -318,6 +319,7 @@ function Game(props: GameProps) { letterInfo={letterInfo} onKey={onKey} /> +
{challenge ? "playing a challenge game" diff --git a/src/RandomGuess.tsx b/src/RandomGuess.tsx new file mode 100644 index 000000000..9bd63e1bd --- /dev/null +++ b/src/RandomGuess.tsx @@ -0,0 +1,27 @@ +interface GuessProps { + onKey: (key: string) => void; + wordLength: number; + randomTarget: (wordLength: number) => string; +} + +export function RandomGuess(props: GuessProps) { + return ( + + ); +}