search

hyperlane-xyz / hyperlane-warp-ui-template

A web app template for building Hyperlane Warp Route UIs
https://hyperlane-warp-template.vercel.app
Other
124 stars 96 forks source link

Improve visibility into transactions processing #34

Open jmrossy opened 1 year ago

jmrossy commented 1 year ago

State of Transaction

Timeline Widget

Current behavior: For most chains, the TransfersStatusModal shows a Timeline widget

Screenshot 2023-07-14 at 1 20 11 PM

Desired behavior:

Two improvements are needed:

  1. The individual segments of the timeline should clickable external links to the corresponding transaction on the target chain's block explorer (example tx page.
  2. The results from the useMessageTimeline hook (see Timeline in TransfersStatusModal) should be cached when the message is confirmed to be delivered so we don't re-request that data each time.

Item 1 will require changes to the timeline widget, which is in a separate repo here: https://github.com/hyperlane-xyz/hyperlane-widgets - we may want to move this into monorepo

Use the multiProvider's method to get the explorer tx link.

jmrossy commented 1 year ago

Let's also decrease the font size of the Sent/Finalized/etc. labels while we're making this change Done in css, nevermind

jmrossy commented 1 year ago

While fixing we should address this TODO as it relates to status caching mentioned in the description: https://github.com/hyperlane-xyz/hyperlane-warp-ui-template/blob/main/src/features/transfer/TransfersStatusModal.tsx#L142