Skip to content

Create new Transaction page

The first step of GUI refactor is to recreate the pages. I picked the two easiest one at start. This card is made for transaction page. At the very beginning I made a screen of previous content: Transaction_details

So basically there are 4 main things on that page:

  1. Transaction main info at the very top.
  2. Small card with the most important informations.
  3. Page title.
  4. Details in bigger card.

Right now we should make it from scratch with some changes. My proposition is to replace existing components with that:

  1. The card with most important information as a header. All information from previous iterations were redundant. So we want to see: transaction hash, block ID and date in that field, formatted in some nice way.
  2. The second card with the operation type.
  3. Raw details in the third card. Every property listed in some table with values.

Please take all necessary data (probably only the transaction) in a separate method at the beginning of the page. Then pass it to the other components.

In the term of making it as generic as possible, I believe the card with the operation type should be reusable. The rest is just a part of this page only.

We'll talk about details later.