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

Challenge mode updates

Browse source
This commit is contained in:
Gene Mecija 2020-01-20 10:27:05 -08:00
parent 71ebcf02c9
commit 5f35a664a1
2 changed files with 21 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/App.js
View file

@ -40,18 +40,23 @@ function App() {
<ModePicker />
<MorseBufferContextProvider>
<KeyTypePicker />
{keyType === "straight" ?
<StraightKey gameMode={gameMode} /> : <ElectronicKey gameMode={gameMode} />}
{gameMode === 'practice' &&
<>
{keyType === "straight" ?
<StraightKey gameMode={gameMode} /> : <ElectronicKey gameMode={gameMode} />}
<PracticeMode /><br/>
<MorseBufferDisplay /><br/>
<MorseHistory /><br/>
</>
}
{/* {gameMode === 'timed' && <TimedMode />} */}
{gameMode === 'challenge' && <ChallengeMode />}
{gameMode === 'challenge' &&
<>
{keyType === "straight" ?
<StraightKey gameMode={gameMode} /> : <ElectronicKey gameMode={gameMode} />}
<ChallengeMode />}
</>
}
<MorseButtons />
</MorseBufferContextProvider>

16
src/components/ChallengeBufferDisplay.js
View file

@ -28,17 +28,25 @@ function ChallengeBufferDisplay(props) {
let ditDahs = []
let alphanumeric = ''
let incorrectIndex = props.incorrectIndex
for (let i in morseLetters) {
let morseChar = morseLetters[i]
alphanumeric += morseCode[morseChar]
let cn = ''
cn = (incorrectIndex === i) ? 'morseError' : ''
ditDahs.push(morseChar)
ditDahs.push(' ')
console.log('incorrectIndex', incorrectIndex);
console.log('i', i);
cn = (incorrectIndex === Number(i)) ? 'morseError' : ''
ditDahs.push(<span className={cn}>{morseChar}</span>)
ditDahs.push(<span className='space'>&nbsp;</span>)
}
if (incorrectIndex) {
setTimeout(() => {
setMorseCharBuffer(prev => prev.slice(0,-1))
}, 3000)
}
return (
<div id="challengeBufferDisplay">