Skip to content

[REPORTS] Add date range and status filters to Reports page #29

@utksh1

Description

@utksh1

Summary

The Reports page now supports real exports, but it only filters by report type. Add date range and status filters so users can quickly find completed, failed, or generating reports from a specific time window.

Problem

As scan history grows, the Reports page becomes harder to scan. Users should not need to scroll through every report to find recent failures, ready exports, or older compliance reports.

Proposed solution

Add filtering controls to frontend/src/pages/Reports.tsx for:

  • Status: all, ready, generating, failed
  • Date range: all time, last 24 hours, last 7 days, last 30 days, custom start/end if practical

Keep the existing report type filter working together with the new filters.

Acceptance criteria

  • Reports can be filtered by status.
  • Reports can be filtered by a useful date range.
  • Combined filters update the entry count and empty state correctly.
  • The UI remains responsive on mobile and desktop.
  • Existing export actions continue to work after filtering.
  • Frontend tests cover at least one combined filter case and one empty state case.

Suggested files

  • frontend/src/pages/Reports.tsx
  • frontend/testing/unit/pages/Reports.test.tsx
  • frontend/src/utils/date.ts if a reusable helper is needed

Test plan

  • Run frontend tests.
  • Manually verify filtering with ready, failed, and generating report fixtures.
  • Confirm exporting a filtered report still opens the correct task report URL.

Metadata

Metadata

Assignees

Labels

level:intermediate35 pts difficulty label for moderate contributor PRstype:featureFeature work category bonus label

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions