File: src/components/AccountSettings.tsx
Problem
In the "Game setting" tab, the Game Mode <select> has:
Classic Mode
Mode
Mode
The two Mode entries are a copy/paste leftover. Also the Difficulty (Easy/Medium/Hard) and Animation Speed (Slow/Normal/Fast) button groups have no selected state — no useState, no styling on the active button.
Expected
- Replace the duplicate placeholders with real game modes sourced from
src/data/gameModes.ts.
- Track
difficulty and animationSpeed in component state, render them through the same pattern as the Theme toggle.
- Persist selections into
localStorage next to the existing settings key.
Acceptance
- Only valid modes appear in the dropdown.
- Clicking a difficulty / animation speed visibly highlights it and persists on reload.
File:
src/components/AccountSettings.tsxProblem
In the "Game setting" tab, the Game Mode
<select>has:Classic Mode
Mode
Mode
The two
Modeentries are a copy/paste leftover. Also the Difficulty (Easy/Medium/Hard) and Animation Speed (Slow/Normal/Fast) button groups have no selected state — no useState, no styling on the active button.Expected
src/data/gameModes.ts.difficultyandanimationSpeedin component state, render them through the same pattern as the Theme toggle.localStoragenext to the existing settings key.Acceptance