FR: Dealer Locator option to display in KM and Miles - Toggle button (2 of 2)

[Meli-lazarte]

Context/Description

The Mack New Zealand and Australian teams have requested the ability for the dealer locator to present measurement units in kilometers instead of miles. After discussion with stakeholders for Mack, Volvo, and Road Choice websites, they all desire the functionality that would allow a user to choose the distance to display in either KM or Miles.

User Story:

As a website user, I would like to toggle between miles and kilometers so that I can view distance measurements in my preferred unit.

Acceptance Criteria

User AC:

• When a user looks for a dealer in the "Find a Dealer" section, units of measurement of the distance to the dealer can be viewed in kilometers or miles.
• A default value is set (Miles for US and Bahamas and KM for other countries).
• When the toggle button is switch to "miles" the distance to the dealer is displayed in miles.
• When the toggle button is displayed in "kilometers" the distance to the dealer displayed in kilometers.
• The active unit of measurement is clearly indicated.

Notes

Change needs to be implemented in all Mack Export markets and the US site.

• Canada
• New Zealand
• Australia

All Mack Export markets
(Change also needed for Volvo and Road Choice markets.)

• Default to Miles for US and Bahamas. All other countries should default to KM.
• Careful with APIs, work with existing ones and don't add any new one.

Related tickets

• NFR: Dealer Locator option to display in KM and Miles (1 of 2) #35

Figma Design reference

• https://www.figma.com/design/jyOGkfmaxGGJocjXJR2HqY/Burundi-Mack-Reskin-Branch?node-id=19286-159904&m=dev&focus-id=19295-6830

[Meli-lazarte]

@bfvolvo can you provide the Figma design for the toggle button in this ticket? Thank you!

[bfvolvo]

@Meli-lazarte @WendyKruger

I have created the following Figma designs to address the unit toggle for km and mi units. Please review and provide feedback, thanks

https://www.figma.com/proto/oNwe2jHIICPMIe551EY62l/branch/jyOGkfmaxGGJocjXJR2HqY/Mack-Reskin---Full-Project?page-id=19286%3A159904&node-id=19287-10&viewport=535%2C608%2C0.35&t=4yJS8rJoRlHCCKH5-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=19287%3A10&show-proto-sidebar=1

[WendyKruger]

@Meli-lazarte @WendyKruger

I have created the following Figma designs to address the unit toggle for km and mi units. Please review and provide feedback, thanks

https://www.figma.com/proto/oNwe2jHIICPMIe551EY62l/branch/jyOGkfmaxGGJocjXJR2HqY/Mack-Reskin---Full-Project?page-id=19286%3A159904&node-id=19287-10&viewport=535%2C608%2C0.35&t=4yJS8rJoRlHCCKH5-1&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=19287%3A10&show-proto-sidebar=1

@bfvolvo I like V2