2020-01-10 03:24:54 +01:00
|
|
|
import React from 'react';
|
2020-01-09 10:06:38 +01:00
|
|
|
import '../css/App.css';
|
2020-01-15 09:41:40 +01:00
|
|
|
// import useTelegraph from '../hooks/useTelegraph';
|
|
|
|
|
import usePaddleTelegraph from '../hooks/usePaddleTelegraph';
|
2020-01-09 10:06:38 +01:00
|
|
|
import MorseBufferDisplay from '../components/MorseBufferDisplay'
|
|
|
|
|
import MorseDisplay from '../components/MorseDisplay'
|
|
|
|
|
|
|
|
|
|
function PracticeMode() {
|
2020-01-14 11:37:04 +01:00
|
|
|
console.log("PracticeMode loaded");
|
2020-01-15 09:41:40 +01:00
|
|
|
// const {morseCharBuffer, morseWords, clearHistory} = useTelegraph('practice')
|
|
|
|
|
usePaddleTelegraph()
|
|
|
|
|
|
2020-01-09 10:06:38 +01:00
|
|
|
return (
|
|
|
|
|
<>
|
2020-01-15 09:41:40 +01:00
|
|
|
{/* <MorseBufferDisplay buffer={morseCharBuffer} /><br/>
|
|
|
|
|
<MorseDisplay morseWords={morseWords} /><br/> */}
|
|
|
|
|
<button onClick={console.log('hi')}>Clear Morse History</button><br/>
|
2020-01-09 10:06:38 +01:00
|
|
|
</>
|
|
|
|
|
);
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
export default React.memo(PracticeMode);
|