Add comprehensive Spotify-inspired UI redesign plan#679
Merged
marcodejongh merged 6 commits intomainfrom Feb 6, 2026
Merged
Conversation
Detailed 7-phase plan covering: bottom tab bar, compact climb list mode with swipe gestures, full-screen play drawer, header simplification, party mode + LED drawer integration, queue polish, and desktop adaptation. https://claude.ai/code/session_01Lqvtq2H16V8yJsQE3jBrFy
…orrections - Fix architecture reference table: accurate file paths, component details, server/client boundaries, provider hierarchy, swipe thresholds, action types - Add Spotify-style card-swipe navigation pattern (replaces arrow indicators in play view and queue control bar) - Address gaps: auth requirements for swipe-to-favorite, direction detection for scroll conflicts, FavoritesProvider dependency, MoonBoard feature gates - Add BluetoothContext singleton concern and mitigation strategies - Document server vs client component boundaries for new components - Add drawer stacking prevention (single activeDrawer state pattern) - Add onboarding tour breakage risk and element ID audit checklist - Add hash-based back-button support for play drawer (#playing) - Expand testing checklist with specific implementation details - Add Architecture Notes section: swipe pattern variants, URL strategy, MoonBoard considerations, provider hierarchy requirements https://claude.ai/code/session_01VjXZirGhfNKxhAji3shrha
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Claude Review✅ Ready to merge - This is a documentation-only PR adding a detailed UI redesign plan. No code changes to review for bugs or security issues. Minor observations:
|
- Add comprehensive Cleanup & Consolidation section identifying 7 areas: URL construction (20+ duplicates across 9 files), swipe logic (3 implementations → 2 shared hooks), AddedByAvatar component, dead code removal checklist, inline style migration, board feature checks, and ClearQueueButton extraction (~515 LOC reduction estimated) - Change default list view to compact on all devices (not just mobile), grid mode available via toggle but compact is the primary experience - Map each consolidation to the phase where it should happen (not a separate pass) to avoid touching files twice https://claude.ai/code/session_01VjXZirGhfNKxhAji3shrha
Claude Review✅ Ready to merge - This is a documentation-only PR adding a comprehensive UI redesign plan. No code changes to review. Minor documentation note:
|
- First tab is now Home (HomeOutlined icon) instead of Climbs - Add /home route with placeholder page, feature-flagged behind NEXT_PUBLIC_ENABLE_HOME_SCREEN (defaults to false) - When flag is off, Home tab navigates to /list (same as old Climbs tab) - When flag is on, Home tab navigates to /home placeholder - Update wireframes, dependency graph, implementation order, and testing checklist to reflect the Home screen addition https://claude.ai/code/session_01VjXZirGhfNKxhAji3shrha
Claude Review✅ Ready to merge - This is a documentation-only PR adding a comprehensive UI redesign plan. No code changes to review. Minor Documentation Notes:
|
…ard selector in drawer
- Replace meatball menu (mobile) and user dropdown (desktop) with a
single user avatar button (top-left) that opens a left-side drawer
- User drawer contains: avatar/username, View Profile, Change Board,
Settings, Classify Holds, Recents, My Playlists, Help, About, Logout
- Board selector ("Change Board") lives in the user drawer, not the
header bar — navigates to setup wizard or shows quick-switch options
- Recents section reuses session-history-panel.tsx data for board
config quick-switching
- Update wireframes, component dependency graph, implementation order,
dead code list, and testing checklists to match
- AuthModal and HoldClassificationWizard move from header to user drawer
https://claude.ai/code/session_01VjXZirGhfNKxhAji3shrha
Claude Review✅ Ready to merge - This is a documentation-only PR adding a comprehensive 7-phase UI redesign plan. No code changes to review for bugs or security issues. |
…ch experience - Remove SearchClimbNameInput and SearchButton from header entirely - Search tab in bottom tab bar opens a full-screen search drawer with name input + BasicSearchForm filters + SearchResultsFooter - Update all wireframes: header now shows [Avatar] [Logo] [Angle] - Update dead code list: SearchClimbNameInput, SearchButton, UISearchParamsProvider all removed from header.tsx - Update component dependency graph, testing checklists, desktop verification sections https://claude.ai/code/session_01VjXZirGhfNKxhAji3shrha
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
2 participants
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Detailed 7-phase plan covering: bottom tab bar, compact climb list mode
with swipe gestures, full-screen play drawer, header simplification,
party mode + LED drawer integration, queue polish, and desktop adaptation.
https://claude.ai/code/session_01Lqvtq2H16V8yJsQE3jBrFy