Skip to content

Add error handling and empty states to /me/crowdfunding dashboard #521

@0xdevcollins

Description

@0xdevcollins

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

  1. Silent error catch (line ~39): API failures are caught but no error UI is shown — user sees infinite spinner
  2. No empty state: When a user has no campaigns, the data table renders empty with no guidance
  3. 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

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions