Getting Started
- Fork the repository: https://github.com/JointSave-org/Joint_Save
- Clone your fork:
git clone https://github.com/<your-username>/Joint_Save.git
cd Joint_Save
- Create a new branch:
git checkout -b improve/loading-skeletons
Overview
During initial data load, the UI shows empty states or nothing. Skeleton loaders improve perceived performance across the dashboard and group detail pages.
Requirements
Dashboard (my-groups.tsx)
- Replace empty render during loading with skeleton pool cards matching real card dimensions
- Use existing
<Skeleton> component from components/ui/skeleton.tsx
Group Detail (group-details.tsx, group-members.tsx, group-actions.tsx)
- Skeletons for: pool name, balance, member list rows, action buttons
- Resolve per-component as each data source returns (not all-or-nothing)
Profile (profile.tsx)
- Skeletons for stat numbers while fetching
Acceptance Criteria
Getting Started
Overview
During initial data load, the UI shows empty states or nothing. Skeleton loaders improve perceived performance across the dashboard and group detail pages.
Requirements
Dashboard (
my-groups.tsx)<Skeleton>component fromcomponents/ui/skeleton.tsxGroup Detail (
group-details.tsx,group-members.tsx,group-actions.tsx)Profile (
profile.tsx)Acceptance Criteria
<Skeleton>component only (no new dependencies)