Beacon Chain Deposits page

[ulyanas]

Goal here is to provide users with a comprehensive and intuitive interface for viewing and searching Eth2 Beacon Chain deposits, supporting the chains with Eth2 consensus such as Ethereum Mainnet and Gnosis Chain.

Feature Details:

1. Page Header:
   Title: "Deposits"

2. Deposits Table:
   Each row in the table will represent a deposit and will include:

• Transaction Hash: Unique identifier for the deposit.
• Block: Number corresponding to when the deposit took place.
• Timestamp: Exact time of the transaction's processing.
• Age: Time elapsed since the deposit.
• Value: Deposit value denoted in ETH.
• From: Account responsible for the deposit.
• Eth2 PubKey: Corresponding public key for the deposit on the Beacon chain. This should hyperlink to the Beaconcha explorer, structured as: https://beaconcha.in/validator/[pub key]
• Signature: Cryptographic proof of the deposit message.
• Valid?: A field displaying a True/False status based on signature verification.

3. Deposits Counter:

Positioned prominently, it should display:

• The total count of deposits.
• Cumulative value of all deposits in ETH.
• Example: "5,000 deposits processed and 25,000 ETH deposited."

4. Search Functionality:

An intuitive search bar allowing users to:

• Search and filter the table based on addresses.
• Quickly locate specific deposits corresponding to an address.

Integration Details:

API endpoint to be used for data fetching: blockscout/blockscout#7791

[tom2drum]

spec - https://www.notion.so/blockscout/Polygon-Supernet-Deposits-and-Withdrawals-in-UI-cffc2cbacf2b451595fca86ec095e345

[ulyanas]

Check backed @ulyanas