← All 34 tasks · Homepage · Web header
HOME-2Chat ASophieDeploy laneP2done

Current store + CHANGE STORE + address

Element: HeaderV2 store notice (selectedStore / handleStoreClick)
Source: Sophie Nagano · Jun 11, 4:08 PMTarget build: v242 (shipped)Depends on: none

● Current state — verified on live v230

LIVE: HeaderV2 shows the selected store name and opens a store drawer on click, but there's no explicit 'CHANGE STORE' affordance or address line.

◎ Target outcome

Header shows current store with a CHANGE STORE link → store locator, and the store address on the line below.

✓ Output — closed & verified

CLOSED & VERIFIED — redesigned to Sophie’s mockup. The current-store info is now an integrated brand block beside the 3D wheel (was a separate ‘Shopping at…’ top banner): [Store] - CHANGE STORE (opens the store locator) with the address below. The ‘Sessions [Location]’ wordmark is removed from the header; mobile = 3D wheel only. DOM-verified on /v242/ (London North · 1850 Adelaide Street North, Unit 5).

Assets, colours & references

Sophie's feedback (click to open full)

Reference: Sophie's feedback doc — page 2.

Technical steps to achieve it

  1. Add a 'CHANGE STORE' text link next to the store name → opens StorePicker / routes to /locations.
  2. Render storeRecord.address beneath the name (from selectedStore record).
  3. Truncate gracefully on mobile.

Files to change

src/components/HeaderV2.jsxsrc/components/HeaderV2.csssrc/hooks/useSelectedStoreRecord.js

Testing

  1. Canary: CHANGE STORE opens picker; address matches selected store.

Milestones

Spec'd from feedback
Source located
Code change
Local test (vitest + vite preview)
Canary verify + ship v242 (shipped)

Verify live

Progress URL updates here when this task ships to its target /vN/. Current column always points at the live baseline.

← HOME-1indexHOME-3 →