genemecija/learn-morse-code
1
0
Fork 0
mirror of https://github.com/genemecija/learn-morse-code.git synced 2025-12-06 07:02:00 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

File cleanup

Browse source
This commit is contained in:
Gene Mecija 2020-02-12 21:44:01 -08:00
parent 70b0c4b3ee
commit 7e99454e9f
5 changed files with 1 additions and 111 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/App.js
View file

@ -54,23 +54,15 @@ export default React.memo(function App() {
<FrequencyPicker /> <FrequencyPicker />
</div> </div>
</div> </div>
{gameMode === 'practice' && {gameMode === 'practice' && <PracticeMode />}
<PracticeMode />
}
{gameMode === 'challenge' && {gameMode === 'challenge' &&
<> <>
<ChallengeOverlay /> <ChallengeOverlay />
<ChallengeMode /> <ChallengeMode />
</> </>
} }
<MorseButtons /> <MorseButtons />
</div> </div>
{/* <div className="sidebar" id="right">
<div id="settings-icon" onClick={toggleRight}><i class="ri-settings-3-line"></i></div>
</div> */}
</GameClockContextProvider> </GameClockContextProvider>
</ChallengeContextProvider> </ChallengeContextProvider>
</WordFeederContextProvider> </WordFeederContextProvider>
@ -83,5 +75,4 @@ export default React.memo(function App() {
<Footer /> <Footer />
</> </>
); );
}) })

22
src/components/AlphaNumeric.js
View file

@ -1,22 +0,0 @@
import React from "react"
import morseCode from '../data/morse-reverse.json'
function AlphaNumeric(props) {
if (props.morseLetter === '') {
return (
<span></span>
)
} else {
if (morseCode[props.morseLetter] === undefined) {
return (
<span className='morseError'>[?]</span>
)
} else {
return (
<span>{morseCode[props.morseLetter].toUpperCase()}</span>
)
}
}
}
export default React.memo(AlphaNumeric)

22
src/components/DitDah.js
View file

@ -1,22 +0,0 @@
import React from "react"
import morseCode from '../data/morse-reverse.json'
function DitDah(props) {
if (props.morseLetter === '') {
return (
<span className='space'>&nbsp;</span>
)
} else {
if (morseCode[props.morseLetter] === undefined) {
return (
<span className='morseError'>{props.morseLetter}</span>
)
} else {
return (
<span>{props.morseLetter}</span>
)
}
}
}
export default React.memo(DitDah)

38
src/components/MorseCard.js
View file

@ -1,38 +0,0 @@
import React from "react"
import AlphaNumeric from './AlphaNumeric'
import DitDah from './DitDah'
function MorseCard(props) {
let morseComponent
let alphaNumericsComponent
if (props.morse.includes(' ')) {
let letters = props.morse.split(' ').join(' ').split(' ')
morseComponent = letters.map((letter, index) => <DitDah key={index} morseLetter={letter}/>)
alphaNumericsComponent = letters.map((letter, index) => <AlphaNumeric key={index} morseLetter={letter}/>)
}
else {
let letter = props.morse
morseComponent = <DitDah morseLetter={letter} />
alphaNumericsComponent = <AlphaNumeric morseLetter={letter} />
}
return (
<div className='morseCard'>
<div className='ditDahs-container'>
<div className='ditDahs'>
{morseComponent}
</div>
</div>
<div className='alphanumeric-container'>
<div className='alphanumeric'>
{alphaNumericsComponent}
</div>
</div>
</div>
)
}
export default React.memo(MorseCard)

19
src/components/MorseHistory.js
View file

@ -1,19 +0,0 @@
import React, {useContext} from "react"
import MorseCard from './MorseCard'
import {MorseBufferContext} from "../contexts/morseBufferContext"
export default (function MorseHistory() {
const {morseWords} = useContext(MorseBufferContext)
let morseCards = morseWords.map((word,index) => <MorseCard key={index} morse={word} />)
return (
<div id="morseHistory">
<div id="overlay"></div>
<div id="morseCards">
{morseCards}
</div>
</div>
)
})