Skip to content

Keep Tracking completion visible without muting route context#111

Merged
OziinG merged 1 commit into
mainfrom
fix/tracking-completion-markers-route-reference
Jul 22, 2026
Merged

Keep Tracking completion visible without muting route context#111
OziinG merged 1 commit into
mainfrom
fix/tracking-completion-markers-route-reference

Conversation

@OziinG

@OziinG OziinG commented Jul 22, 2026

Copy link
Copy Markdown
Contributor

What changed

  • Keep planned Stop and departure markers fully opaque in Tracking.
  • Preserve each completed Stop's route-colored pin and add a Tracking-only green check badge at the pin's upper-left.
  • Keep the optimized/planned route as a visible translucent solid line while actual GPS remains dashed.
  • Add behavior and regression tests for tab visibility, marker completion state, route color preservation, and line styling.

Why

Tracking previously reduced planned marker opacity to 42% and combined a softened route color with 22% line opacity, making route context look disabled or absent. Completion was also encoded by graying the entire marker instead of a distinct status affordance.

Validation

  • node --test tests/*.test.mjs — 351 passed
  • npm run typecheck
  • npm run build
  • npm run check:public-urls
  • changed-file ESLint
  • git diff --check
  • independent MapLibre review: no actionable findings

Completed stops retain their route-colored pins and gain a dedicated Tracking-only check badge, while the planned route remains a visible translucent solid reference beneath dashed GPS.

Constraint: Preserve the shared Stops/Tracking map instance and server-owned completion state.

Rejected: Dimming or graying completed Tracking pins | it hides route identity and made markers appear disabled.

Confidence: high

Scope-risk: narrow

Directive: Keep planned route solid and actual GPS dashed; completion state belongs in the badge, not marker opacity.

Tested: 351 Shopify app tests; targeted map behavior tests; typecheck; production build; public URL guard; changed-file ESLint; diff check.

Not-tested: Authenticated Shopify Admin visual smoke before deployment.
@OziinG
OziinG marked this pull request as ready for review July 22, 2026 07:02
@OziinG
OziinG merged commit 9aec628 into main Jul 22, 2026
1 check passed
@OziinG
OziinG deleted the fix/tracking-completion-markers-route-reference branch July 22, 2026 07:02
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