COVID profile page-wide Public Law filter UI

Description

Goal

As a user, I can select the American Rescue Plan via a dropdown in the COVID profile page header.

Mockup

https://bahdigital.invisionapp.com/share/4HIAGPS7T3X#/screens

AC

  1. At small screen sizes, the page-wide dropdown appears according to the mobile mockup

  2. At large screen sizes, the page-wide dropdown appears according to the desktop mockup

  3. The dropdown is keyboard accessible

  4. Dropdown options for both all DEFC and the American Rescue plan are present according to the mockup. When clicked, they close the dropdown and appear in the header as the active filter.

  5. When a user selects the option referring to Data Sources and Methodology, they are redirected to the COVID DS&M page

  6. The filter is hidden/shown based on the value of the ARP release Global Constant created for

  7. (Optional) implement global page-header styling changes

    1. update the component library Page Header component to include the download button and accommodate an additional dropdown

    2. Utilize the new version of the component library Page Header on the COVID profile

 

Testing Notes

The goal of this ticket is just to implement and style the dropdown UI (without filtering functionality). Until API integration tickets are completed, making a selection will have no effect on the rest of the page.

Activity

Show:
Max Kendall
April 29, 2021, 12:35 AM
Edited

Epic Link

Sprint

Assignee

Max Kendall

Reporter

Lizzie Salita

Priority

Medium

Story Points

13