Transactions Page

Purpose

Provides an at-a-glance overview of the recent transactions as well as transaction search

UI Overview

• Info Bar: Side bar button, network logo, current block height, RPC endpoint, language options, night mode, search button for height or transaction or account address, wallet button

• Recent Transactions list: A list of the recent transactions with an overview of the transaction. Shows the height of the block, the hash of the transaction, the messages inside and the fees used to create it

• Future Block: Shows a countdown to a future block, as well as the current height, the remaining blocks to reach the future block and the average block time

Interactions

• Info Bar:

  • Click Side Bar Button (only mobile) → Opens side bar for a list of the different pages and links

  • Click Logo/Height/URL → Shows the API endpoint of the node, the current height and the chain id

  • Click Language Button → Choose a different language

  • Click Night Mode Button → Toggle between light or dark mode

  • Click Search Button → Search for height or transaction or account address

  • Click Wallet Button → Pick and choose a wallet to connect or link to your wallet accounts or your wallet portfolio

• Click Search → Changes the UI to add an input field to search a transaction by a hash

• Click a Transaction → Opens a detailed description of the transaction. Shows a summary of the transaction, the messages included as well as the whole JSON of the transaction