Skip to content

Extract Space Blobs listing into @storacha/ui-react and update Console #599

@luisawatkins

Description

@luisawatkins

Move the space content listing UI from Console into the shared UI package to provide a reusable SpaceBlobs component for rendering blob tables with pagination and refresh actions. Update Console's /space/[did]/blobs page to consume the shared component.

Motivation

  • Promotes component reusability across different Storacha applications
  • Separates presentational logic from data fetching concerns
  • Establishes pattern for extracting Console UI into shared package

Scope

  • Add SpaceBlobs component to @storacha/ui-react
  • Export component from package index
  • Replace Console's blobs page table implementation with shared component
  • Maintain data fetching and cursor state management in Console app layer

Component Design

  • Presentational component with no Next.js or Console-specific dependencies
  • Uses multiformats/bases/base58 for digest encoding
  • Accepts uploadHref prop for empty state CTA customization
  • Exposes callback props: onNext, onPrev, onRefresh for pagination and refresh actions

Acceptance Criteria

  • SpaceBlobs renders table with columns: digest, timestamp, size
  • Empty state displays reload button and optional upload CTA
  • Pagination controls invoke appropriate callback props
  • Console blobs page successfully uses SpaceBlobs component
  • @storacha/ui-react package builds without errors
  • Component properly exported from package index

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions