Page MenuHomeDevCentral

Add incident history page with date filter
Needs ReviewPublic

Authored by Chenani-MohamedAmine on Thu, Feb 26, 14:38.

Details

Reviewers
ieli
Summary

StatusPage.vue only shows the 5 most recent resolved incidents.
This adds a dedicated /incidents route with an IncidentHistory view
that lists all past incidents with a date range filter
(last 7 days / 30 days / 90 days / all).

Reuses the existing useIncidents composable and IncidentTimeline
component for consistency with StatusPage.

Test Plan
  1. Visit /incidents — page renders with title, filter buttons, and empty state message when no incidents exist
  2. Create an incident via admin dashboard
  3. Verify incident appears on /incidents under "Last 7 Days" and "All" filters
  4. Verify "Last 30 Days" and "Last 90 Days" filters work
  5. Click "Back to status" — navigates to /
  6. Verify the same incident renders on StatusPage under Active Incidents using the same IncidentTimeline component

Diff Detail

Repository
rSP ServPulse
Lint
Lint Passed
Unit
No Test Coverage
Branch
feature/T2253-incident-history
Build Status
Buildable 6377
Build 6661: arc lint + arc unit

Event Timeline

Chenani-MohamedAmine created this revision.
ieli requested changes to this revision.Fri, Feb 27, 05:05
ieli added inline comments.
frontend/src/router/index.js
6–54

Entire file indentation issue...

⚠️ The project uses 2-space indentation, but this change introduces 4-space indentation, similar to previous task.

13–17

❌ Missing tests: Please add a test file (e.g., frontend/src/router/__tests__/router.test.js) to verify:

  • Route /incidents resolves to the correct component
  • Navigation works correctly
  • ...

See existing test patterns in frontend/src/components/__tests__/ for reference.

This revision now requires changes to proceed.Fri, Feb 27, 05:05
  • Reverted to 2-space indentation to match project style
  • Added router tests in frontend/src/components/__tests__/router.test.js