added mode change shortcut

This commit is contained in:
2025-12-26 16:13:30 +01:00
parent 0c2a84464a
commit 522492c852

View File

@@ -100,11 +100,11 @@ function App() {
} }
}, [targetMidi, settings.gameMode, revealed, playNote]); }, [targetMidi, settings.gameMode, revealed, playNote]);
// Initial note // Initial note, and whenever difficulty/tuning/gamemode changes
useEffect(() => { useEffect(() => {
generateNewNote(); generateNewNote();
// eslint-disable-next-line react-hooks/exhaustive-deps // eslint-disable-next-line react-hooks/exhaustive-deps
}, [settings.difficulty, settings.tuningId]); }, [settings.difficulty, settings.tuningId, settings.gameMode]);
// Metronome Logic // Metronome Logic
@@ -209,6 +209,12 @@ function App() {
case 'p': // Play case 'p': // Play
playNote(targetMidi, 1.0); playNote(targetMidi, 1.0);
break; break;
case 'm': // Toggle Game Mode
setSettings(s => ({
...s,
gameMode: s.gameMode === 'sight_reading' ? 'ear_training' : 'sight_reading'
}));
break;
} }
// Check non-character keys via code to avoid layout issues for function keys // Check non-character keys via code to avoid layout issues for function keys
@@ -413,6 +419,10 @@ function App() {
<span>Replay Note</span> <span>Replay Note</span>
<span className="shortcut-key">R</span> <span className="shortcut-key">R</span>
</div> </div>
<div className="help-item">
<span>Toggle Game Mode</span>
<span className="shortcut-key">M</span>
</div>
<div className="help-item"> <div className="help-item">
<span>Close Help / Exit Zen</span> <span>Close Help / Exit Zen</span>
<span className="shortcut-key">Esc</span> <span className="shortcut-key">Esc</span>