Skip to content

feat(mobile): Create transaction status UI components #80

Description

@rafamiziara

Overview

Create UI components for displaying pending transaction status and progress.

Tasks

Pending Transaction Banner

  • Create components/PendingTransactionBanner.tsx
  • Show count of pending transactions
  • Display on relevant screens (pools list, home)
  • Handle click to show transaction details

Transaction Status Modal

  • Create components/TransactionStatusModal.tsx
  • Show transaction progress (submitting → submitted → confirmed)
  • Display transaction hash with blockchain explorer link
  • Show success/error messages
  • Allow dismissal after completion
  • Add loading indicators for each stage

Acceptance Criteria

  • Banner shows accurate pending transaction count
  • Modal displays clear transaction progress
  • Explorer links work for all supported chains
  • Proper visual feedback for each transaction state
  • Components integrate with PendingTransactionsStore

Related Documentation

  • See docs/POOL_CREATION_ARCHITECTURE.md Component Architecture
  • See docs/POOL_CREATION_TASKS.md Tasks 17-18

Labels: comp: frontend, type: feature

Milestone: Sprint 3: Pool Creation

Part of Epic: #35

Metadata

Metadata

Assignees

Labels

comp: frontendIssues for the mobile app UI/UX in packages/mobile-apptype: featureNew feature or request

Type

No type

Fields

No fields configured for issues without a type.

Projects

No projects

Relationships

None yet

Development

No branches or pull requests

Issue actions