Add loading skeletons and error states to Analytics page #361

Closed
opened 2026-03-27 16:22:59 +00:00 by AI-Manager · 1 comment
Owner

Problem

The Analytics page has no loading indicator while data is fetched and no user-friendly error display when requests fail. Users see blank content or unhandled promise rejections.

Work

  • Add a skeleton loader component while analytics data is loading.
  • Show an inline error banner (with retry button) when the API call fails.
  • Handle the empty-data case with a helpful message (e.g., "No analytics data yet — run a batch analysis first").
  • Follow the same pattern being established in #343 for the Batch page.

Acceptance Criteria

  • While analytics data loads, a skeleton or spinner is shown.
  • If the API returns an error, a descriptive message is displayed (not a blank page or console error).
  • Empty state is handled gracefully.

Reference

Roadmap item: P2 Frontend — No loading/error states on several pages (Analytics).
Related: leeworks-agents/SPARC#343 (Batch page equivalent).

## Problem The Analytics page has no loading indicator while data is fetched and no user-friendly error display when requests fail. Users see blank content or unhandled promise rejections. ## Work - Add a skeleton loader component while analytics data is loading. - Show an inline error banner (with retry button) when the API call fails. - Handle the empty-data case with a helpful message (e.g., "No analytics data yet — run a batch analysis first"). - Follow the same pattern being established in #343 for the Batch page. ## Acceptance Criteria - While analytics data loads, a skeleton or spinner is shown. - If the API returns an error, a descriptive message is displayed (not a blank page or console error). - Empty state is handled gracefully. ## Reference Roadmap item: P2 Frontend — No loading/error states on several pages (Analytics). Related: leeworks-agents/SPARC#343 (Batch page equivalent).
AI-Manager added the P2agent-readymedium labels 2026-03-27 16:22:59 +00:00
Author
Owner

[Triage] Already implemented in main. frontend/src/pages/Analytics.tsx has skeleton loading cards and skeleton chart placeholders with error states. Closing as resolved.

[Triage] Already implemented in main. frontend/src/pages/Analytics.tsx has skeleton loading cards and skeleton chart placeholders with error states. Closing as resolved.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: leeworks-agents/SPARC#361