New display of pending transfers

[jonator]

Increase user confidence by displaying pending IBC + bespoke bridge transfers front and center in the assets page.

WIP design

[jonator]

We should look into adding a fun game while users are waiting -> http://www.sunnya97.com/osmo-runner/

[jonator]

Closing, can reopen if we pursue this idea in the redesign (stale)

[dswilson4]

@jonator Can I take on this issue?

[jonator]

Go for it!

[dswilson4]

Any suggestions for testing an IBC transfer on the testnet for an end-to-end test? I have tokens on the osmosis testnet and am trying to do an IBC transfer, looking for IBC relayers on other testnets but not having luck: https://testnet.mintscan.io/cosmoshub-testnet/relayers

[dswilson4]

I have been using a hardcoded array of History objects following the same type here to render and test sample data like so:

  ```[{
    txHash: "txHash1",
    createdAtMs: Date.now() - 3600000,
    explorerUrl: "https://explorer.example.com/tx/txHash1",
    amount: "100",
    status: "pending",
    isWithdraw: true,
  },

  {
    txHash: "txHash2",
    createdAtMs: Date.now() - 7200000,
    explorerUrl: "https://explorer.example.com/tx/txHash2",
    amount: "200",
    status: "complete",
    isWithdraw: false,
  },

  {
    txHash: "txHash3",
    createdAtMs: Date.now() - 10800000,
    explorerUrl: "https://explorer.example.com/tx/txHash3",
    amount: "300",
    status: "pending",
    isWithdraw: true,
  },
]; ```

[dswilson4]

Also where is the source for the osmo runner canvas component? I'll also ask Sunny if he has it available

[jonator]

Yeah you'd have to ask sunny for that

The current histories, for IBC transfers and for Axelar transfers, can be found in these stores in the root store. https://github.com/osmosis-labs/osmosis-frontend/blob/master/packages/web/stores/root.ts#LL66C3-L67C70

You'll import them into your component like

const {
      ...,
      nonIbcBridgeHistoryStore,
      ibcTransferHistoryStore,
      ...,
} = useStore();

[jonator]

Closing in favor of tracking on ClickUp