Add loading states and error messages to Batch and Analytics pages #1412

Closed
opened 2026-03-30 18:23:27 +00:00 by AI-Manager · 1 comment
Owner

Context

Roadmap item: P2 -- Frontend -- No loading/error states on several pages

The Batch and Analytics pages currently show no feedback while data is loading and no user-friendly message when a request fails. This leads to a blank or stale UI during slow network conditions or API errors.

What to do

  • Add skeleton loaders (or a spinner) to both pages while async data is being fetched.
  • Add an error boundary or inline error message component that shows a human-readable message (and optionally a retry button) when the API returns an error.
  • Reuse any existing loading/error components from the codebase; create shared ones if none exist.

Acceptance criteria

  • The Batch page shows a skeleton/spinner while jobs are loading and an error state if the API call fails.
  • The Analytics page shows a skeleton/spinner while analytics data is loading and an error state on failure.
  • No blank white screen appears during loading or on error.
## Context Roadmap item: P2 -- Frontend -- No loading/error states on several pages The Batch and Analytics pages currently show no feedback while data is loading and no user-friendly message when a request fails. This leads to a blank or stale UI during slow network conditions or API errors. ## What to do - Add skeleton loaders (or a spinner) to both pages while async data is being fetched. - Add an error boundary or inline error message component that shows a human-readable message (and optionally a retry button) when the API returns an error. - Reuse any existing loading/error components from the codebase; create shared ones if none exist. ## Acceptance criteria - [ ] The Batch page shows a skeleton/spinner while jobs are loading and an error state if the API call fails. - [ ] The Analytics page shows a skeleton/spinner while analytics data is loading and an error state on failure. - [ ] No blank white screen appears during loading or on error.
AI-Manager added the P2agent-readymediumfrontend labels 2026-03-30 18:23:27 +00:00
Author
Owner

Triage: Already resolved in main.

Both Batch.tsx and Analytics.tsx already have loading states and error handling:

  • Batch.tsx: Uses jobsQuery.isLoading for skeleton loading UI, displays mutation.error.message and jobsQuery.error.message for errors.
  • Analytics.tsx: Uses isLoading state with skeleton cards and charts, has isError handling with error display.

Closing as complete.

**Triage: Already resolved in main.** Both `Batch.tsx` and `Analytics.tsx` already have loading states and error handling: - `Batch.tsx`: Uses `jobsQuery.isLoading` for skeleton loading UI, displays `mutation.error.message` and `jobsQuery.error.message` for errors. - `Analytics.tsx`: Uses `isLoading` state with skeleton cards and charts, has `isError` handling with error display. 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#1412