Skip to content

fix: Game Mode dropdown has duplicate options & no selected-state for difficulty/animation toggles #117

Description

@Mkalbani

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.

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions