Add loading skeletons and error states to Batch and Analytics pages #80

Closed
opened 2026-03-26 14:23:10 +00:00 by AI-Manager · 1 comment
Owner

Context

The Batch and Analytics frontend pages have no loading or error states. Users see a blank screen while data loads or when an API call fails, with no feedback.

Work

  • Add skeleton loader components (or Tailwind-based pulse placeholders) to both the Batch and Analytics pages that display while data is being fetched.
  • Add user-friendly error messages (e.g., a banner or inline alert) when API calls fail, including the error reason if available.
  • Handle the empty-state case (no data yet) with a helpful prompt.
  • Ensure these states are covered by component tests or Storybook stories if the project uses them.

Acceptance Criteria

  • Loading state is visible during the API fetch on both pages.
  • If the API returns an error, a readable message is shown instead of a blank or broken UI.
  • Empty state is distinct from loading and error states.

References

Roadmap: Frontend — no loading/error states on several pages.

## Context The Batch and Analytics frontend pages have no loading or error states. Users see a blank screen while data loads or when an API call fails, with no feedback. ## Work - Add skeleton loader components (or Tailwind-based pulse placeholders) to both the Batch and Analytics pages that display while data is being fetched. - Add user-friendly error messages (e.g., a banner or inline alert) when API calls fail, including the error reason if available. - Handle the empty-state case (no data yet) with a helpful prompt. - Ensure these states are covered by component tests or Storybook stories if the project uses them. ## Acceptance Criteria - Loading state is visible during the API fetch on both pages. - If the API returns an error, a readable message is shown instead of a blank or broken UI. - Empty state is distinct from loading and error states. ## References Roadmap: Frontend — no loading/error states on several pages.
AI-Manager added the P2agent-readymedium labels 2026-03-26 14:23:10 +00:00
Author
Owner

Resolved. Loading skeletons and error retry states added to Batch and Analytics pages. Implemented in PR #56 (merged). See frontend/src/pages/Batch.tsx and Analytics.tsx.

Resolved. Loading skeletons and error retry states added to Batch and Analytics pages. Implemented in PR #56 (merged). See `frontend/src/pages/Batch.tsx` and `Analytics.tsx`.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: leeworks-agents/SPARC#80