Skip to content

30 Dashboard date range and cloud account name filter

CD Cabrera requested to merge cdcabrera/frontigrade:30-dashboard-filters into master

What's included

  • toolbar wrapper components and tests, renaming props for consistency
  • accountView updates and tests for support components
  • accountViewToolbar component & constants
  • accountViewListItem annotations
  • redux state setup for application level filters
  • minor styling to toolbar padding, clean up stylesheets
  • query param for getAccounts service call
  • helper for generating the previous year as a month array
  • report constant

Notes

  • Account list/table display is currently not linked to the "filter" state. It should be connected/linked/synced in a next round, after part 2 of #33 (closed) is completed, and API filter hooks are verified

How to test

The mock dev setup can be used to help a quick confirmation.

  1. Clone the updates locally, then
  2. From the terminal, within the repo context, run $ npm start
  3. You may need to log in, do so, if not you should see something similar to the below example
  4. In order to see the interactivity provided by the toolbar and its "buttons" you'll need to create a reference to the environment flag REACT_APP_DEBUG_MIDDLEWARE=true, this can be placed in a file called .env.local in the root of Frontigrade, or ...
    • For convenience you can try running the original start command in context with something similar to...
        $ sh -ac 'export REACT_APP_DEBUG_MIDDLEWARE=true && npm start'

Example

Screen_Shot_2018-07-23_at_3.40.16_AM

Jul-23-2018_03-46-50

Updates issue/story

updates #30 (closed)

Edited by CD Cabrera

Merge request reports