Skip to content

feat(frontend): add skeleton loading states for Admin and Verification dashboards#403

Open
Pcmhacker-piro wants to merge 1 commit into
Nitya-003:mainfrom
Pcmhacker-piro:feature/loading-skeletons
Open

feat(frontend): add skeleton loading states for Admin and Verification dashboards#403
Pcmhacker-piro wants to merge 1 commit into
Nitya-003:mainfrom
Pcmhacker-piro:feature/loading-skeletons

Conversation

@Pcmhacker-piro

Copy link
Copy Markdown

Summary

Implements skeleton loaders for main data-fetching components that were previously showing raw animate-pulse divs or plain spinners. Closes the issue about enhancing perceived performance during data fetches.

Changes:

  • AdminDashboard.tsx — replaced inline skeleton loading (raw divs) with AdminStatsSkeleton, AdminTableSkeleton, and ChartSkeleton components matching the page layout
  • VerificationDashboard.tsx — replaced centered spinner with VerificationDashboardSkeleton (stats cards + tabs + user table)
  • Added AdminStatsSkeleton.tsx, AdminTableSkeleton.tsx, VerificationDashboardSkeleton.tsx — new skeleton components

All skeletons match the dark/light mode theme and use the existing animate-pulse pattern already established in the codebase.

Type of Change

  • New feature
  • Bug fix
  • Documentation update
  • Refactor
  • Tests
  • Infra / CI

Checklist

  • My code follows the project style
  • TypeScript check passes
  • I have added/updated tests where relevant
  • I have not committed .env or any secrets
  • I have updated documentation if needed

…n dashboards

Implement skeleton loaders to replace raw animate-pulse divs and plain
spinners:

- AdminDashboard: Replace inline skeleton loading with AdminStatsSkeleton,
  AdminTableSkeleton, and ChartSkeleton components (matching the dashboard
  layout of stats cards, batch table, and analytics charts)
- VerificationDashboard: Replace centered spinner with
  VerificationDashboardSkeleton (matching stats cards, tabs, and user table
  layout)

Closes NEXARA-oss/PulseStack#236 (sibling issue; CropChain is the same
upstream project)
@vercel

vercel Bot commented Jun 7, 2026

Copy link
Copy Markdown

Someone is attempting to deploy a commit to the Nitya Gosain's projects Team on Vercel.

A member of the Team first needs to authorize it.

@Nitya-003 Nitya-003 left a comment

Copy link
Copy Markdown
Owner

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Image

@Pcmhacker-piro Resolve the conflicts and please mention what issue you are resolving.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants