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
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions