Skip to content

feat(TransactionHistory): status filter toggle, date range startDate/endDate props, rows link to Stellar Expert #363

Description

@k-deejah

Problem

1. TransactionHistory does not support filtering by status (Success/Failed) — the list shows all transactions mixed. A status filter (All / Success / Failed) in the card header would help users find failed transactions quickly.

2. TransactionHistory does not support date range filtering — there is no way to narrow the history to a specific date range. Adding start/end date <Input type="date"> fields would let users export or review activity for a period.

3. TransactionHistory row clicks have no action — clicking a row does nothing. Rows should be linkable to Stellar Expert for the active network.

Solution

  1. Add status filter toggle buttons (All / Success / Failed) in the card header, passing the filter to getHistory.
  2. Add optional startDate/endDate ISO string props to TransactionHistory; pass them to getHistory when set.
  3. Wrap each TxRow in an <a href> pointing to the correct Stellar Expert URL for the transaction hash.

Acceptance Criteria

  • Status filter buttons show only matching transactions
  • startDate/endDate props filter the API call
  • Each row links to the correct Stellar Expert URL
  • npm run build passes

Note for Contributors: Write a clear PR description. Include a screenshot of the filter controls and a clicked-row navigation to Stellar Expert.

Metadata

Metadata

Assignees

No one assigned

    Labels

    enhancementNew feature or request

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions