Skip to content

[127] Frontend: Add skeleton loaders for key cards and tables#3

Open
broda-spendy wants to merge 1 commit into
Junirezz:mainfrom
broda-spendy:fix/127-frontend-add-skeleton-loaders-for-key-cards-and-tables
Open

[127] Frontend: Add skeleton loaders for key cards and tables#3
broda-spendy wants to merge 1 commit into
Junirezz:mainfrom
broda-spendy:fix/127-frontend-add-skeleton-loaders-for-key-cards-and-tables

Conversation

@broda-spendy

Copy link
Copy Markdown

Closes Navin-xmr#127

Summary

  • New \ rontend/src/components/ui/skeletons/SkeletonLoaders.tsx\ with shared placeholders for stat cards, company recent-shipments table (desktop + mobile), payment history table, team management rows, notification cards, and customer active-shipment cards.
  • Company dashboard: structured stat + recent shipments skeletons (replaces plain shimmer blocks).
  • Payment history: initial load skeleton + \PaymentDetailModal\ wiring fix.
  • Team management, notifications, active shipments: simulated fetch delay with skeleton UI; pagination hidden while loading for team table.
  • Tests: RecentShipments pagination test uses
    unOnlyPendingTimers\ + \�ct\ around clicks.

Verification

  • \pnpm run test\
  • \pnpm run build\
  • \pnpm run lint\

Made with Cursor

)

- Add reusable SkeletonLoaders (stats, shipments table, payments, team table, notifications, customer cards)
- Wire loading states on Company dashboard, Payment history, Team management, Notifications, Active shipments
- Fix PaymentHistory modal imports/state; remove unused Clock import
- Stabilize RecentShipments pagination test with act + runOnlyPendingTimers

Closes Navin-xmr#127

Made-with: Cursor
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.

[FE:] Build the Payment Status section on Shipment Detail

2 participants