feat(frontend): professional visual overhaul (v1) - #54
Merged
Conversation
Preview-driven redesign building on the Volt Green theme. - Markers: cluster bubbles when zoomed out (with counts), individual chargers colored by reliability, and a selected-charger highlight ring. - Map UI: Nominatim place search (open/free) to jump to a city; a reliability legend; refined control bar (search + filters) with elevation. - StationDetail: full redesign — photo header with name overlay, reliability status badge, graceful "Unknown" fields (location-only chargers look complete), connector chips, "Get directions" link, disabled "Report status" (Phase 2 hint), source + coordinates, slide-in transition, mobile sheet. - A dismissible welcome/intro card (first visit). - Design tokens: motion (ease/duration) + a status-badge style. - Pure, tested helpers: format.ts (power/coords/directions/source/name) and geocode.ts (Nominatim URL + parse + fetch). Verified: svelte-check 0, lint, 36 tests, build. Ships to a Vercel preview for review.
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
End-to-end everywhere: - Default API base is now the deployed Render backend, so the app shows real data on production, Vercel previews, and shared links even when PUBLIC_API_BASE_URL isn't set for that environment. Local dev overrides via .env (PUBLIC_API_BASE_URL=http://localhost:8000). Polish: - Header brand mark (rounded badge) + subtle header shadow. - Soft reliability-colored halo under each charger marker for depth. Tests updated to assert against DEFAULT_API_BASE. svelte-check 0, lint, 36 tests, build OK.
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
1 participant
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.
What (PR-2 — professional visual overhaul, v1)
A redesign pass on top of the Volt Green theme. Preview-driven — review the Vercel preview and we iterate.
Highlights
format.ts,geocode.ts).Verification
svelte-check0 ·lintclean · 36 tests ·buildOK.Review
This is v1 — open the Vercel preview (clusters → zoom → select a charger; try the detail panel on an OCM vs a location-only OSM charger; search a city; toggle light/dark; mobile). Tell me what to tweak and I'll iterate before merging.