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

Challenge mode progress

Browse source
This commit is contained in:
Gene Mecija 2020-01-18 19:35:11 -08:00
parent ee4f87ea35
commit 71625371e2
16 changed files with 143 additions and 150 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -1,17 +1,19 @@
import React from 'react';
import React, {useContext} from 'react';
import '../css/App.css';
import morseCode from '../data/morse-reverse.json'
import useStraightKey from '../hooks/useStraightKey';
// import ChallengeWord from '../components/ChallengeWord'
import ChallengeWord from '../components/ChallengeWord'
// import MorseBufferDisplay from '../components/MorseBufferDisplay'
// import ChallengeDisplay from '../components/ChallengeDisplay';
import ChallengeBufferDisplay from '../components/ChallengeBufferDisplay';
import { MorseBufferContext } from '../contexts/morseBufferContext';
function ChallengeMode() { console.log("ChallengeMode loaded");
let word = "morse"
const {morseCharBuffer} = useStraightKey('challenge')
const {morseCharBuffer} = useContext(MorseBufferContext)
// console.log('morseCharBuffer:', morseCharBuffer, '|END');
let morseLetters = morseCharBuffer.split('_').filter(l => l !== '')
// console.log('morseLetters:', morseLetters, morseLetters.length);
@ -23,6 +25,10 @@ function ChallengeMode() { console.log("ChallengeMode loaded");
let morseAlpha = morseCode[morseLetter]
let challengeLetter = challengeLetters[index].toLowerCase()
console.log('morseAlpha', morseAlpha);
console.log('morseLetter', morseLetter);
console.log('challengeLetter', challengeLetter);
if (morseAlpha === challengeLetter) {
correctIndexes.push(index)
// console.log('MATCH', correctIndexes);
@ -50,8 +56,8 @@ function ChallengeMode() { console.log("ChallengeMode loaded");
return (
<>
<div id="challengeWord">{spannedWord}</div>
<ChallengeBufferDisplay buffer={morseCharBuffer.slice(0,-1).replace(/_/g, ' ')} incorrectIndex={incorrectIndex} />
<ChallengeWord word={spannedWord} />
<ChallengeBufferDisplay incorrectIndex={incorrectIndex} />
<button onClick={() => console.log(morseCharBuffer)}>morseCharBuffer</button>
</>
);