genemecija/learn-morse-code
1
0
Fork 0
mirror of https://github.com/genemecija/learn-morse-code.git synced 2026-04-05 22:35:47 +00:00
Code Issues Projects Releases Packages Wiki Activity

Challenge mode progress

Browse source
This commit is contained in:
Gene Mecija 2020-01-19 10:26:55 -08:00
parent 71625371e2
commit 71ebcf02c9
9 changed files with 99 additions and 111 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -7,17 +7,17 @@ import ChallengeWord from '../components/ChallengeWord'
import ChallengeBufferDisplay from '../components/ChallengeBufferDisplay';
import { MorseBufferContext } from '../contexts/morseBufferContext';
function ChallengeMode() { console.log("ChallengeMode loaded");
function ChallengeMode() {
console.log("ChallengeMode loaded");
let word = "morse"
const {morseCharBuffer} = useContext(MorseBufferContext)
const {morseCharBuffer, setMorseCharBuffer} = useContext(MorseBufferContext)
// console.log('morseCharBuffer:', morseCharBuffer, '|END');
let morseLetters = morseCharBuffer.split('_').filter(l => l !== '')
// console.log('morseLetters:', morseLetters, morseLetters.length);
let challengeLetters = word.split('')
let morseLetters = morseCharBuffer.split('_').filter(l => l !== '')
let correctIndexes = []
let incorrectIndex = null
@ -57,7 +57,7 @@ function ChallengeMode() { console.log("ChallengeMode loaded");
return (
<>
<ChallengeWord word={spannedWord} />
<ChallengeBufferDisplay incorrectIndex={incorrectIndex} />
<ChallengeBufferDisplay incorrectIndex={incorrectIndex} morseLetters={morseLetters} setMorseCharBuffer={setMorseCharBuffer} />
<button onClick={() => console.log(morseCharBuffer)}>morseCharBuffer</button>
</>
);