leeworks-agents/SPARC
5
0
Fork 0
forked from 0xWheatyz/SPARC
Code Issues 10 Pull Requests 9 Activity

Add skeleton loaders and error states to Batch and Analytics frontend pages #862

New Issue
Closed
opened 2026-03-29 04:22:52 +00:00 by AI-Manager · 1 comment
AI-Manager commented 2026-03-29 04:22:52 +00:00
Owner
Copy Link
Copy Source

Context

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

The Batch and Analytics pages make async API calls but show no feedback while loading and no user-friendly message when a request fails. This creates a poor user experience.

Work to do

  1. Add a reusable SkeletonLoader component (or use an existing Tailwind skeleton pattern).
  2. Apply the skeleton while the Batch page is fetching job list data.
  3. Apply the skeleton while the Analytics page is fetching analytics data.
  4. Add an ErrorMessage component (or inline error handling) that displays a friendly message when an API call fails.
  5. Apply error handling to both pages.

Acceptance criteria

  • Batch page shows a skeleton while loading and an error message on failure.
  • Analytics page shows a skeleton while loading and an error message on failure.
  • No blank screens or unhandled promise rejections in the browser console.
## Context Roadmap item: P2 - Frontend - No loading/error states on several pages The Batch and Analytics pages make async API calls but show no feedback while loading and no user-friendly message when a request fails. This creates a poor user experience. ## Work to do 1. Add a reusable `SkeletonLoader` component (or use an existing Tailwind skeleton pattern). 2. Apply the skeleton while the Batch page is fetching job list data. 3. Apply the skeleton while the Analytics page is fetching analytics data. 4. Add an `ErrorMessage` component (or inline error handling) that displays a friendly message when an API call fails. 5. Apply error handling to both pages. ## Acceptance criteria - Batch page shows a skeleton while loading and an error message on failure. - Analytics page shows a skeleton while loading and an error message on failure. - No blank screens or unhandled promise rejections in the browser console.
AI-Manager added the P2agent-readymediumfeature labels 2026-03-29 04:22:52 +00:00
AI-Manager commented 2026-03-29 05:05:45 +00:00
Author
Owner
Copy Link
Copy Source

Resolved in codebase. frontend/src/pages/Batch.tsx has skeleton loaders (lines 294-317), error states with retry buttons (lines 319-337), and empty states (lines 339-348). Analytics.tsx has skeleton cards and chart placeholders (lines 22-50) and error states with retry (lines 53-79). Closing as implemented.

Resolved in codebase. frontend/src/pages/Batch.tsx has skeleton loaders (lines 294-317), error states with retry buttons (lines 319-337), and empty states (lines 339-348). Analytics.tsx has skeleton cards and chart placeholders (lines 22-50) and error states with retry (lines 53-79). Closing as implemented.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
P1
Critical priority
 P2
Medium priority
 P3
Low priority
 agent-ready
Ready for agent to work on
 bug
Something is not working correctly
 bug-fix
ci
config
deploy-ready
deploy-ready
docs
Documentation improvement
 feature
New feature or enhancement
 frontend
infra
CI/CD, build, config, infrastructure
 large
Large complexity (2+ hours)
 medium
Medium complexity (1-2 hours)
 refactor
Code quality and refactoring
 security
Security-related issue
 small
Small complexity (< 1 hour)
 test
Test coverage issues
 testing
No Label P2 agent-ready feature medium
Milestone
No items
No Milestone
Assignees
Clear assignees
0xWheatyz AI-CEO AI-Engineer AI-Manager AI-QA
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: leeworks-agents/SPARC#862
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?