mirror of
https://github.com/9x/sheetmusictrainer.git
synced 2026-11-03 13:53:55 +01:00
UI: reorder game modes (Assist first), rename Sight Reading -> Learn Notes
Internal key 'sight_reading' kept for localStorage compatibility; TODO added at gameMode type def for future rename + migration.
This commit is contained in:
17
src/App.tsx
17
src/App.tsx
@@ -277,11 +277,19 @@ function App() {
|
||||
|
||||
<div className="header-controls">
|
||||
<div className="game-mode-toggle">
|
||||
<button
|
||||
className={`toggle-option ${settings.gameMode === 'assist' ? 'active' : ''}`}
|
||||
onClick={() => setSettings(s => ({ ...s, gameMode: 'assist' }))}
|
||||
title="Practice companion: shows played notes while you work from paper"
|
||||
>
|
||||
Assist
|
||||
</button>
|
||||
<button
|
||||
className={`toggle-option ${settings.gameMode === 'sight_reading' ? 'active' : ''}`}
|
||||
onClick={() => setSettings(s => ({ ...s, gameMode: 'sight_reading' }))}
|
||||
title="Learn to read notes from the staff"
|
||||
>
|
||||
Sight Reading
|
||||
Learn Notes
|
||||
</button>
|
||||
<button
|
||||
className={`toggle-option ${settings.gameMode === 'ear_training' ? 'active' : ''}`}
|
||||
@@ -296,13 +304,6 @@ function App() {
|
||||
>
|
||||
Phrases
|
||||
</button>
|
||||
<button
|
||||
className={`toggle-option ${settings.gameMode === 'assist' ? 'active' : ''}`}
|
||||
onClick={() => setSettings(s => ({ ...s, gameMode: 'assist' }))}
|
||||
title="Practice companion: shows played notes while you work from paper"
|
||||
>
|
||||
Assist
|
||||
</button>
|
||||
</div>
|
||||
|
||||
<button
|
||||
|
||||
@@ -134,6 +134,11 @@ export interface AppSettings {
|
||||
instrument: string;
|
||||
rhythm: RhythmSettings;
|
||||
zenMode: boolean;
|
||||
/**
|
||||
* TODO: Rename 'sight_reading' to 'learn_notes' internally (UI label is
|
||||
* already "Learn Notes"). Deferred because the value is persisted in
|
||||
* localStorage — needs a settings migration for existing users.
|
||||
*/
|
||||
gameMode: 'sight_reading' | 'ear_training' | 'phrase' | 'assist';
|
||||
customMinFret?: number;
|
||||
customMaxFret?: number;
|
||||
|
||||
Reference in New Issue
Block a user