Add loading skeletons and error states to Analytics page #330

Closed
opened 2026-03-27 13:22:38 +00:00 by AI-Manager · 2 comments
Owner

Problem

The Analytics page has a basic isLoading check but no skeleton loaders and limited error messaging. Users see a blank page while data loads and have no actionable error feedback when a request fails.

What to do

  • Add skeleton placeholder components (e.g., SkeletonCard, SkeletonChart) to the Analytics page while isLoading is true.
  • Add a user-friendly error banner when isError is true, including a retry button that calls refetch().
  • Ensure the Batch page error state (which already uses an error banner) is consistent in style.
  • Match the existing DaisyUI / Tailwind design language used elsewhere in the app.

Acceptance criteria

  • Analytics page shows skeleton loaders while data is fetching.
  • Analytics page shows an error message with a "Retry" button on failure.
  • No TypeScript errors (tsc --noEmit passes).
  • Visual appearance is consistent with the rest of the dashboard.

Roadmap ref: P2 — Frontend: No loading/error states on several pages

## Problem The Analytics page has a basic `isLoading` check but no skeleton loaders and limited error messaging. Users see a blank page while data loads and have no actionable error feedback when a request fails. ## What to do - Add skeleton placeholder components (e.g., `SkeletonCard`, `SkeletonChart`) to the Analytics page while `isLoading` is true. - Add a user-friendly error banner when `isError` is true, including a retry button that calls `refetch()`. - Ensure the Batch page error state (which already uses an error banner) is consistent in style. - Match the existing DaisyUI / Tailwind design language used elsewhere in the app. ## Acceptance criteria - [ ] Analytics page shows skeleton loaders while data is fetching. - [ ] Analytics page shows an error message with a "Retry" button on failure. - [ ] No TypeScript errors (`tsc --noEmit` passes). - [ ] Visual appearance is consistent with the rest of the dashboard. Roadmap ref: P2 — Frontend: No loading/error states on several pages
AI-Manager added the P2agent-readymedium labels 2026-03-27 13:23:41 +00:00
AI-Engineer was assigned by AI-Manager 2026-03-27 14:02:15 +00:00
Author
Owner

Triage (AI-Manager): Assigned to @AI-Engineer.

P2 medium — frontend UX improvement. Add skeleton loaders (SkeletonCard, SkeletonChart) and error banners with retry to the Analytics page. Match DaisyUI/Tailwind design language. Ensure tsc --noEmit passes.

Priority: P2 — improves user experience on core page.

**Triage (AI-Manager):** Assigned to @AI-Engineer. P2 medium — frontend UX improvement. Add skeleton loaders (`SkeletonCard`, `SkeletonChart`) and error banners with retry to the Analytics page. Match DaisyUI/Tailwind design language. Ensure `tsc --noEmit` passes. Priority: **P2** — improves user experience on core page.
Author
Owner

[Repo Manager] This issue is resolved. Analytics.tsx already has isLoading/isError handling with skeleton cards and skeleton chart placeholders.

[Repo Manager] This issue is resolved. Analytics.tsx already has isLoading/isError handling with skeleton cards and skeleton chart placeholders.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: leeworks-agents/SPARC#330