locations summary view

[kcoronel]

Overview

We need to give users a display of up to 5 closest drop-off locations, with pagination for additional results.

Dependency

Search #42

Acceptance criteria

(how do we know when this task is "Done")

• results match mockups
  • desktop
  • desktop low bandwidth
  • mobile
  • mobile low bandwidth
• list
  • Information is representative of locations within your EAJ
  • can scroll through results and expand selections when clicked
  • features such as hours dropdown, share, and get directions all work correctly

Individual result display requirement

• Name
• Type of location
• Inside or Outside
• Address
• Accessibility Icon
• Distance
• Hours
  • No hours (if we don't have hours for this location prompt them to sign up for notifications)
  • Open Now: Open until 9pm PDT (more hours - is a link to hour display on the detail card)
  • See hours
• Read location requirements and get directions
• Travel Time
• Directions Button
• Website Link
• Phone Number
• To Verify

Action Items

• Product
  • Determine text to be displayed
  • Confirm text layout
  • Identify error handling requirements (can't think of any errors)
• UI/UX
  • List should display text/information in correct locations
  • Make mockup with Error Handling view
• Font End Dev (React)
  • Build out display according to design spec
• Back End
  • Identify 5 closest locations and integrate API to deliver results to page

Resources/Instructions

Figma

[kcoronel]

@IrinaRost @fedelandini we have revised our requirements for the summary view from this (screen shot below) to requirements listed above