Add NC name pill to Search and Filters modal on address selection

[ryanfchase]

Overview

We need to render the relevant neighborhood council's name as a pill when the user selects an address so that users know what neighborhood council that address is in.

Action Items

• [ ] Ensure that address search also selects the NC as a pill (StyledChip)
  • [ ] Capture councilId param value when Address is searched
  • [ ] Display NC in a StyledChip with a x close action
• [ ] Ensure that clicking x on the pill will deselect the selected address and reset the zoom level to see all boundaries (e.g. the default zoom level)
  • [ ] Do this by using the this.reset function in the resetMap prop

Resources/Instructions

Useful Files and Components

• Map: components/Map/Map.jsx
  • see: onGeocoderResult
  • see: resetMap prop in <FilterMenu/>

v1.2 Moderated Usability Test Slideshow:

• link
• Slide for Insight (1)

Screenshot before proposed changes


Screenshot after proposed changes


[ryanfchase]

This ticket is ready for dev lead review -- I'm unsure if this is a Good First Issue. If so, I can add more instruction to support the new dev in completing the ticket.

[traycn]

Reviewed and ready for priotization.

[ryanfchase]

This ticket has been prioritized and is ready to be picked up 👍

[Brandoncyu]

Taking this on. Hoping to get it done by Saturday, September 14

[Brandoncyu]

PR is opened: https://github.com/hackforla/311-data/pull/1825

Sending to @ryanfchase and @traycn for review

[ryanfchase]

Adding my review soon, eta late afternoon. Checking out the branch, the behavior is looking good:

Selecting an address also selects the NC


@Brandoncyu for future reference, modify the PR contents so that "issue number here" gets populated. This is the only real requirement for PR issue-formatting for our team at the moment. It becomes a dynamic link and makes it easy to navigate. Thanks.

"Issue number here" location


[ryanfchase]

Just adding one request for change in my review. Please make the adjustment, or state an alternative approach. Thanks.