Skip to content

feat(UI): Many minor UX improvements. chore: update deps#2

Merged
alchemydc merged 2 commits into
mainfrom
dev
Feb 28, 2026
Merged

feat(UI): Many minor UX improvements. chore: update deps#2
alchemydc merged 2 commits into
mainfrom
dev

Conversation

@alchemydc

Copy link
Copy Markdown
Owner

Visual & Theming:

  • Fix weather card gradient in dark mode using CSS variables
  • Migrate inline styles to semantic CSS classes
  • Fix route planner text contrast in dark mode

Loading & Feedback:

  • Add skeleton loading states for resort status badges
  • Add "last updated" timestamps with auto-refresh for weather and resort data
  • Add retry buttons for failed weather/camera requests
  • Differentiate error states (weather, alerts, cameras) with AlertTriangle icons

Navigation & Selection:

  • Highlight selected resort in sidebar with visual feedback
  • Auto-collapse resort list to show only selected resort
  • Add Escape key and close button (X) to camera modal

Information Architecture:

  • Add route stat sub-labels ("current with traffic", "vs. normal", "past 24h")
  • Add empty state onboarding with region selector chips
  • Add per-resort error indicators when status fetch fails

Accessibility:

  • Add semantic icons to lift status badges (CircleCheck/CircleX)
  • Add Trees icon to terrain park badges
  • Improve colorblind accessibility through icon shapes

Mobile:

  • Reorder camera section for better mobile layout (order: 4)

Components modified: Dashboard, RoutePlanner, ResortList, CameraGrid
New utilities: relativeTime() for human-readable timestamps
CSS: 20+ new classes with dark mode support

Visual & Theming:
- Fix weather card gradient in dark mode using CSS variables
- Migrate inline styles to semantic CSS classes
- Fix route planner text contrast in dark mode

Loading & Feedback:
- Add skeleton loading states for resort status badges
- Add "last updated" timestamps with auto-refresh for weather and resort data
- Add retry buttons for failed weather/camera requests
- Differentiate error states (weather, alerts, cameras) with AlertTriangle icons

Navigation & Selection:
- Highlight selected resort in sidebar with visual feedback
- Auto-collapse resort list to show only selected resort
- Add Escape key and close button (X) to camera modal

Information Architecture:
- Add route stat sub-labels ("current with traffic", "vs. normal", "past 24h")
- Add empty state onboarding with region selector chips
- Add per-resort error indicators when status fetch fails

Accessibility:
- Add semantic icons to lift status badges (CircleCheck/CircleX)
- Add Trees icon to terrain park badges
- Improve colorblind accessibility through icon shapes

Mobile:
- Reorder camera section for better mobile layout (order: 4)

Components modified: Dashboard, RoutePlanner, ResortList, CameraGrid
New utilities: relativeTime() for human-readable timestamps
CSS: 20+ new classes with dark mode support
Build passes, all 144 tests green.

Key updates:
Next.js 16.0.10 → 16.1.6
React/React-DOM 19.2.1 → 19.2.4
maplibre-gl 5.14.0 → 5.19.0
lucide-react 0.555.0 → 0.575.0
jsdom 27.2.0 → 28.1.0
cheerio 1.1.2 → 1.2.0 (now bundles its own types, so @types/cheerio was removed)
Plus minor/patch bumps across vitest, turf, eslint, typescript-eslint, and others
Reverted (not compatible yet):
ESLint 10 ecosystem (@eslint/js, eslint, eslint-plugin-react-refresh, globals) — typescript-eslint doesn't support ESLint 10 yet, so these stayed on v9
@vercel

vercel Bot commented Feb 28, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
go2sno Ready Ready Preview, Comment Feb 28, 2026 7:34pm

@alchemydc alchemydc merged commit 4d424a0 into main Feb 28, 2026
4 checks passed
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.

1 participant