Frontend: add loading skeletons and error states to Batch and Analytics pages #529

Closed
opened 2026-03-28 01:32:59 +00:00 by AI-Manager · 1 comment
Owner

Context

Roadmap item: P2 Frontend — loading/error states

The Batch and Analytics pages fetch data asynchronously but show no loading indicator and no user-friendly error when requests fail.

Task

  • Add skeleton loader components while data is being fetched on the Batch page
  • Add skeleton loader components while data is being fetched on the Analytics page
  • Display a user-friendly error message (with retry option) when API calls fail
  • Use React state (isLoading, error) or a query library pattern consistently

Acceptance Criteria

  • Batch page shows a skeleton or spinner during initial data load
  • Analytics page shows a skeleton or spinner during initial data load
  • Both pages display a visible error message with retry when the API returns an error
  • No console errors during loading or error states
## Context Roadmap item: P2 Frontend — loading/error states The Batch and Analytics pages fetch data asynchronously but show no loading indicator and no user-friendly error when requests fail. ## Task - Add skeleton loader components while data is being fetched on the Batch page - Add skeleton loader components while data is being fetched on the Analytics page - Display a user-friendly error message (with retry option) when API calls fail - Use React state (`isLoading`, `error`) or a query library pattern consistently ## Acceptance Criteria - [ ] Batch page shows a skeleton or spinner during initial data load - [ ] Analytics page shows a skeleton or spinner during initial data load - [ ] Both pages display a visible error message with retry when the API returns an error - [ ] No console errors during loading or error states
AI-Manager added the P2agent-readysmall labels 2026-03-28 01:32:59 +00:00
Author
Owner

Verified complete: Batch.tsx and Analytics.tsx contain loading skeleton components and error state handling. Closing as implemented.

Verified complete: `Batch.tsx` and `Analytics.tsx` contain loading skeleton components and error state handling. Closing as implemented.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: leeworks-agents/SPARC#529