-
Notifications
You must be signed in to change notification settings - Fork 87
Add error handling and empty states to /me/crowdfunding dashboard #521
Copy link
Copy link
Open
Labels
Milestone
Description
Problem
The crowdfunding dashboard at `/app/me/crowdfunding/page.tsx` silently catches API errors and has no empty state for new users with zero campaigns.
Current Issues
- Silent error catch (line ~39): API failures are caught but no error UI is shown — user sees infinite spinner
- No empty state: When a user has no campaigns, the data table renders empty with no guidance
- No retry mechanism: Failed API calls require full page reload
Expected Behavior
Error State
- Show error message with retry button when API call fails
- Log error details for debugging
- Graceful degradation (show cached data if available)
Empty State
- Show illustration/animation + helpful message: "You haven't created any campaigns yet"
- CTA button: "Create your first campaign" → link to project creation
- Brief explanation of what crowdfunding campaigns are
Loading State (improvement)
- Replace full-screen spinner with skeleton loading for the table
- Show page header immediately while data loads
Acceptance Criteria
- Error state with retry button on API failure
- Empty state with CTA for users with no campaigns
- Skeleton loading instead of full-screen spinner
- Accessible and mobile-responsive
Priority
Medium — Impacts new user experience and error recovery.
Labels
crowdfunding, ui, ux
Reactions are currently unavailable