genemecija/learn-morse-code
1
0
Fork 0
mirror of https://github.com/genemecija/learn-morse-code.git synced 2026-01-20 15:20:24 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Challenge options moved to start overlay

Browse source
This commit is contained in:
Gene Mecija 2020-02-04 01:27:10 -08:00
parent 6cbc0cacb8
commit 77dbbc09e9
3 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
src/App.js
View file

@ -71,9 +71,9 @@ export default React.memo(function App() {
<ModePicker />
<KeyTypePicker />
<WordsPerMinute />
{gameMode === 'challenge' &&
{/* {gameMode === 'challenge' &&
<WordListPicker />
}
} */}
</div>
<Legend />
</div>

2
src/app-modes/ChallengeMode.js
View file

@ -38,7 +38,7 @@ export default React.memo(function ChallengeMode(props) {
cleanup()
resetFeeder()
//BREAKS HERE AFTER WORDLIST IS COMPLETED
// Show a card showing challenge completion stats and option to restart word list
try { alert(`Time: ${document.getElementById('gameClock').innerText}`) }
catch { return }
return

6
src/components/ChallengeOverlay.js
View file

@ -1,5 +1,6 @@
import React, { useContext } from "react"
import { GameClockContext } from "../contexts/gameClockContext"
import WordListPicker from "./WordListPicker"
export default (function ChallengeOverlay() {
@ -24,7 +25,10 @@ export default (function ChallengeOverlay() {
return (
<div id="challenge-overlay">
<div id="challengeReady" className="notify" onClick={startChallenge}>Click to Start Challenge!</div>
<div id="challengeReady" className="notify">
<WordListPicker />
<button id="startChallenge" onClick={startChallenge}>Click to Start Challenge!</button>
</div>
</div>
)
})