Skip to content

[Improvement] Add loading skeletons to dashboard and group detail pages #12

Description

@grantfox-oss

Getting Started

  1. Fork the repository: https://github.com/JointSave-org/Joint_Save
  2. Clone your fork:
   git clone https://github.com/<your-username>/Joint_Save.git
   cd Joint_Save
  1. 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

  • Skeletons visible during initial load on all three pages
  • No layout shift when real data replaces skeletons
  • Uses existing <Skeleton> component only (no new dependencies)
  • Works on mobile viewport

Metadata

Metadata

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions