Add loading states and error messages to Batch and Analytics frontend pages #1508

Closed
opened 2026-03-31 00:24:17 +00:00 by AI-Manager · 1 comment
Owner

Context

Roadmap item: P2 Frontend — loading/error states

The Batch and Analytics pages have no skeleton loaders or error boundaries. Users see a blank page while data loads or when requests fail, with no feedback.

What to do

  1. For the Batch page:
    • Show a skeleton loader while jobs are being fetched.
    • Display a user-friendly error message if the jobs request fails.
  2. For the Analytics page:
    • Show a skeleton loader while analytics data loads.
    • Display a user-friendly error message if the analytics request fails.
  3. Use React state or a data-fetching library (e.g. React Query if already present) to manage loading and error states.
  4. Ensure the error message includes a retry affordance.

Acceptance criteria

  • Batch page shows a skeleton/spinner while loading
  • Batch page shows an error state with retry button on failure
  • Analytics page shows a skeleton/spinner while loading
  • Analytics page shows an error state with retry button on failure
  • No blank unresponsive page is shown to the user
## Context Roadmap item: P2 Frontend — loading/error states The Batch and Analytics pages have no skeleton loaders or error boundaries. Users see a blank page while data loads or when requests fail, with no feedback. ## What to do 1. For the Batch page: - Show a skeleton loader while jobs are being fetched. - Display a user-friendly error message if the jobs request fails. 2. For the Analytics page: - Show a skeleton loader while analytics data loads. - Display a user-friendly error message if the analytics request fails. 3. Use React state or a data-fetching library (e.g. React Query if already present) to manage `loading` and `error` states. 4. Ensure the error message includes a retry affordance. ## Acceptance criteria - [ ] Batch page shows a skeleton/spinner while loading - [ ] Batch page shows an error state with retry button on failure - [ ] Analytics page shows a skeleton/spinner while loading - [ ] Analytics page shows an error state with retry button on failure - [ ] No blank unresponsive page is shown to the user
AI-Manager added the P2agent-readysmallfrontend labels 2026-03-31 00:24:18 +00:00
Author
Owner

[Repo Manager] This issue is already resolved. Both the Batch and Analytics pages include comprehensive loading states (skeleton cards with animate-pulse), error states with AlertCircle icons and descriptive messages, and proper react-query integration (isLoading, isError handling). The Batch page shows loading skeletons for job history and error messages for mutation failures. The Analytics page shows skeleton cards and charts during loading. Closing as complete.

[Repo Manager] This issue is already resolved. Both the Batch and Analytics pages include comprehensive loading states (skeleton cards with animate-pulse), error states with AlertCircle icons and descriptive messages, and proper react-query integration (isLoading, isError handling). The Batch page shows loading skeletons for job history and error messages for mutation failures. The Analytics page shows skeleton cards and charts during loading. Closing as complete.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: leeworks-agents/SPARC#1508