Skip to content

Create a new filter bar that uses the filters for First class vulns and hooks into graphQL

Problem to solve

The first class vulnerabilities are coming to the security dashboards. With them comes a new set of filters, and a GraphQL based approach to setting them.

Further details

There are a few things to note here:

  1. This new filtering method will not have URL filtering. We won't be able to use the browser's navigation buttons to change the filters, nor will we be able to link to a filtered page.
  2. We need a way to get a list of projects to filter. We may be able to re-use the existing endpoint, but we'll be mixing REST and graphQL a little.
  3. There will be no hide dismissed toggle. It doesn't make sense with the new vulnerabilities.

Proposal

We need to create a new component that uses the existing <filter> component and wraps it in GraphQL goodness so we have a new filter bar available for the first class vulnerabilities. We then need to include that filter bar on the new, graphQL based security dashboard.

Documentation

We should add this to the documentation added in #210336 (closed)

Availability & Testing

New tests need to be created for this component. Tests created in #210336 (closed) will also need updating

What does success look like, and how can we measure that?

Success looks like a set of filterable results on the graphQL based dashboards.

Links / references