Conversation
Replace per-store embed iframes with one interactive map showing all LGS markers. Store name, address, and website remain as static sections below the map. Marker and list clicks sync selection and pan the map. Co-authored-by: Alvin Yeoh <xenodus@users.noreply.github.com>
Replace the vertical bullet TOC and stacked store sections with wrap-around jump pills and a responsive card grid. Show website hostnames only and move Back to top to a single control. Co-authored-by: Alvin Yeoh <xenodus@users.noreply.github.com>
Add env example, AGENTS.md note, architecture secrets table entry, and pass the key through GitHub Actions deploy so production builds include the LGS map. Co-authored-by: Alvin Yeoh <xenodus@users.noreply.github.com>
cursor
Bot
force-pushed
the
cursor/singapore-lgs-map-c81b
branch
from
August 29, 2026 06:36
7c80e4a to
362e2d8
Compare
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.
Summary
Replaces 17 per-store Google Maps embed iframes with a single interactive Singapore overview map using the Maps JavaScript API (
@vis.gl/react-google-maps).LGS_MAPlat/lngto eachLGS_MAPentry (parsed from existing embed URLs)master(Telegram FAQ/privacy modal updates preserved)Setup required
This feature needs a browser API key at build time:
https://gishathfetch.com/*https://www.gishathfetch.com/*http://localhost:5173/*VITE_GOOGLE_MAPS_API_KEY:frontend/.env.localVITE_GOOGLE_MAPS_API_KEY(wired in deploy workflow)Without the key, the modal shows a fallback message instead of the map.
Screenshots
Desktop — compact pills + card grid:
Desktop — selected store pill and card:
Mobile — wrapped pills and single-column cards:
Testing
cd frontend && npm run buildnode --test frontend/src/utils/lgsMapBounds.test.jsmake testorigin/master; resolved import conflict inModals.jsx(kept Telegram constants + new map component)