Skip to content

feat(#123): Settings view — consolidate header to 6 icons#126

Merged
ChristopherRotnes merged 6 commits into
masterfrom
claude/plan-issue-123-ysCDT
May 5, 2026
Merged

feat(#123): Settings view — consolidate header to 6 icons#126
ChristopherRotnes merged 6 commits into
masterfrom
claude/plan-issue-123-ysCDT

Conversation

@ChristopherRotnes
Copy link
Copy Markdown
Owner

@ChristopherRotnes ChristopherRotnes commented May 5, 2026

Summary

Introduces a dedicated Settings view reachable via a new Settings icon in the top bar. Removes theme toggle and logout from the header and consolidates them into Settings. EventSchedule icon added as visual placeholder to achieve the 6-icon layout — destination TBD in a follow-up issue.

Changes

  • Settings.jsx — new view with five sections: Utseende (theme toggle + body map preview), Konto (email + logout), Om appen (version + changelog), Kontakt, Språk (placeholder)
  • PageShell.jsx — header rebuilt with 6 icons (Camera, RecentlyViewed, Analytics, Book, EventSchedule, Settings); version footer button and ChangelogModal removed
  • App.jsx — settings view wired into router + NavContext via onShowSettings

Acceptance criteria

  • Top bar has exactly 6 icons, all fully visible on a 390px iPhone at 48px width
  • Settings icon navigates to the new Settings view
  • Theme toggle updates the theme live (g10 ↔ g100) and persists to localStorage
  • Body map preview updates instantly when theme is toggled
  • Body map always shows the fixed sample muscle set — never personal user data
  • Konto section shows logged-in email and a working logout button
  • Om appen section shows version number and opens changelog modal
  • Kontakt section shows developer contact info and bug report link
  • Språk placeholder row is visible but non-interactive
  • Version footer button removed from PageShell
  • Theme toggle and logout removed from top bar
  • ChangelogModal no longer rendered in PageShell

Out of scope

  • EventSchedule navigation target (follow-up issue)
  • Language selector implementation
  • Profile editing / avatar

Closes #123

claude added 3 commits May 5, 2026 15:27
- Create Settings.jsx with five sections: Utseende (theme toggle +
  body map preview), Konto (email + logout), Om appen (version +
  changelog), Kontakt, Språk (placeholder)
- Remove theme toggle and logout from PageShell header; replace with
  EventSchedule (placeholder) and Settings nav icons
- Remove version footer button and ChangelogModal from PageShell
- Add onShowSettings to NavContext and "settings" view in App.jsx

Closes #123

https://claude.ai/code/session_01NSBiZxpgCv2kUVt9MUcWkH
@ChristopherRotnes ChristopherRotnes changed the title Claude/plan issue 123 ys cdt feat(#123): Settings view — consolidate header to 6 icons May 5, 2026
claude added 3 commits May 5, 2026 16:31
Staging envs were not being cleaned up when PRs were closed because
the close_pull_request_job was gated by the app/** paths filter.
Moving it to a dedicated workflow that fires on all PR closes targeting
master or dev, regardless of which files changed.

https://claude.ai/code/session_01NSBiZxpgCv2kUVt9MUcWkH
@github-actions
Copy link
Copy Markdown

github-actions Bot commented May 5, 2026

Azure Static Web Apps: Your stage site is ready! Visit it here: https://white-island-090dfd003-126.westeurope.7.azurestaticapps.net

@ChristopherRotnes ChristopherRotnes merged commit f888994 into master May 5, 2026
1 check passed
@ChristopherRotnes ChristopherRotnes deleted the claude/plan-issue-123-ysCDT branch May 8, 2026 08:25
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

As a user I want simple and clear navigation on all pages so I can move around the app without confusion

2 participants