Lunie: Add transaction details

[faboweb]

UI Version: 0.7.1

Description:

We want to show more details of a transaction. We could show those inline / in another page... There are several ideas. @jbibla already has some mockups.

Details can be:

• block,
• addresses,
• type
• fees

[jbibla]

please review:

• https://zpl.io/bLDW6gQ - Tx History - Loading
• https://zpl.io/VDndZ8W - Tx History - Failed
• https://zpl.io/bWLnE7e - Tx History - Claim

[faboweb]

I want to some up our discussion:
We don't need a "Tx page" or another form of showing more information on txs. If this is correct, feel free to close this issue.
If there is a need to show fees, we can add another issue for adding fees to transactions.

[siman]

We don't need a "Tx page" or another form of showing more information on txs

Why? I would love to have a tx page. Every blockchain project has an explorer and the most required pages are:

• List of txs
• Tx details
• List of blocks
• Block details
• List of account
• Account details

These pages is a must have!

[faboweb]

We have the block explorer for showing block related data here https://explorecosmos.network/ .
What would you like to see on a potential "Tx details" page in Voyager you are not seeing on the current tx design?

Designs:

[siman]

Right now tx list page in Voyager on Demo Network looks not attractive:

A new design looks good. Here are my notes on it:

• A number "5" is white so unreadable on yellow. Not enough contract. Better use dark color when light (yellow) background.
• Add UTC to a date and time. Right now it's confusing. Is it in my local time or UTC?

[faboweb]

The new transaction design will be available shortly.

A number "5" is white so unreadable on yellow. Not enough contract. Better use dark color when light (yellow) background.

This is copied out of our design colaboration tool and a note and not part of the design. ;)

Add UTC to a date and time. Right now it's confusing. Is it in my local time or UTC?

I think showing this in your local time is more accessible then having long UTC strings. But arguable. Pulling in @jbibla .

[siman]

Blockchain explorers that look good (IMHO):

Ark explorer:

Ark's Tx details page has good info, though values could be better aligned close to field labels:

Tx details in EOS explorer:

I like a tab "Blockchain Raw Data". Too handy for developers :)

You can take some inspiration from this another explorer for EOS:
https://eosflare.io/

Account:

And of course Etherscan: they have very informative "Tx details" page, I love it:

[siman]

I would love to see a "Transactions" page on Cosmos Explorer as well. This page should aggregate all transactions found across all blocks. So a user can go to the "Transactions" page and check what is going on on Cosmos. Because right now mostly empty blocks are mined and they get produced to fast, so it's very hard to go through all of the blocks in order to find any non-empty block with txs.

[jbibla]

hello @siman !

thank you for the ideas and feedback!

to clarify, Voyager will have a Transaction History page so you can see all transactions and associated transaction data that is relevant for your accounts.

the new designs will be available in the next release or the release after that.

please feel free to leave feedback and ideas on this repo for the Cosmos Explorer. i think a transactions page on the explorer is a great idea - and i believe we used to have something like this. @nylira is this within the realm of possibility?

[siman]

please feel free to leave feedback and ideas on this repo for the Cosmos Explorer.

Thank you for an invitation 😃
As for Cosmos Explorer: I am dreaming of the next feature:

Custom (dapp specific) tx details page – it's when developers of dapps (that are based on TM/Cosmos-SDK) would describe different data structure of txs their app has and then based on this specs Cosmos Explorer would dynamically render different versions of "Tx details" page based on the structure/fields of tx. I would love to use this feature for my dapp in order to customize the blockchain/tx explorer for my types of transactions.

[siman]

@jbibla so I have posted my prev comment in Cosmos Explorer repo as an idea for custom tx details:
https://github.com/cosmos/explorer/issues/39

[sabau]

Me and @fedekunze had a discussion about this, we shuold really do this 👍

[fedekunze]

I think we should display the following:

• tx hash
• block
• amount
• sender and receiver addresses
• tx type
• fees
• gas used
• tx tags

[fedekunze]

Also provide a link to share the details of the transaction once it's been processed and broadcasted

[fedekunze]

User story:

As a user I want to see the details of a transaction I've sent/received in order to confirm that the transaction was successful

[siman]

I have implemented "Transaction Details" page in a fork of Cosmos Explorer. Check it out, maybe you will find it helpful: https://github.com/dappforce/tendermint-explorer

[faboweb]

As a user I want to see the details of a transaction I've sent/received in order to confirm that the transaction was successful

You already see that the transaction was successful you don't need the details for that.

Also provide a link to share the details of the transaction once it's been processed and broadcasted

Should this go in another issue?

[fedekunze]

You already see that the transaction was successful you don't need the details for that.

That doesn't provide all the information about the transaction, we only show the notification and the transaction on the Transactions Page, which only displays the tx type, amount and address of the recipient

Should this go in another issue?

yes, I'll create it shortly

[faboweb]

@fedekunze proposed changing tags to show memo

@faboweb proposes coming up with solutions individually and then compare the ideas.

[stale[bot]]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.