Skip to content

[BUG] Timeout icon renders same emoji for both timed-out and pending-timeout states in SwapDetailPage #43

@nightmare0329

Description

@nightmare0329

Description

In src/pages/SwapDetailPage.tsx the timeout row renders the same emoji for both the timed-out and pending-timeout states:

{isTimedOut ? '⏱' : '⏱'}

Both branches resolve to the same ⏱ hourglass character, so there is no visual distinction between a swap that has timed out and one that is approaching its timeout block.

Steps to Reproduce

  1. Open a swap detail page for a TIMED_OUT swap.
  2. Observe the icon in the timeline timeout row.
  3. Compare with an ACTIVE or FULFILLED swap near its timeout block.
  4. Both show the identical ⏱ icon — no visual differentiation.

Expected Behavior

The two states should use different icons (or colors already differentiate via error.main vs text.secondary, but the emoji itself conveys no additional meaning as-is).

Actual Behavior

Both branches of the conditional render the same (U+23F1 STOPWATCH) character, making the ternary effectively dead code.

File

src/pages/SwapDetailPage.tsx, line 236

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions