[Analytics-Chains] Chain Activity

SamantaCasal commented 8 months ago

Description

In the "Chains Activity" chart, we aim to introduce a feature that will present users with the activity of a blockchain specified by them within a user-defined timeframe. Alternatively, if no specific blockchain is chosen, the feature will default to displaying the activity across all blockchains. This functionality is designed to empower users with a graphical tool that visualizes the volume of transactions , offering a clear view of the blockchain's activity.

The primary objective is for this chart to serve as a robust analytical tool, enabling users to gain insights into the blockchain activity's trends and patterns. Whether users are analyzing a single chain's performance over a week or comparing month-long activity across multiple chains, this feature will provide a comprehensive and intuitive overview of the blockchain landscape as per their requirements.

### Tasks
- [ ] https://github.com/wormhole-foundation/wormhole-explorer/issues/1225
- [x] Design https://www.figma.com/design/6KPmHRV0RqVWZKYC8J3B4W/Wormhole-Scan-Client-Delivery?node-id=2458-9115&t=whnCpOMYiDs4ng3D-4
- [x] Implement Design
- [x] Integrate the new endpoint with the mockup

giulianoconti commented 6 months ago

blocked until endpoint works with timespan=1y https://api.staging.wormscan.io/api/v1/x-chain-activity/tops?from=2020-03-04T00:00:00Z&to=2024-03-10T00:00:00Z&timespan=1y&sourceChain=1

and until we have the redesign of the page.

SamantaCasal commented 5 months ago

Expected Behaviors: FYI: @giulianoconti

By default, all chains should be selected.
Selecting any individual chain should automatically deselect the "all chains" option.
If no individual chain is selected and "all chains" is selected, it should not be possible to deselect the "all chains" option.
If "all chains" is deselected and no individual chains are selected, "all chains" should be reselected by default.

SamantaCasal commented 5 months ago

🐛 Observe the behavior after clicking on the dropdown to select a chain: FYI: @giulianoconti

https://github.com/XLabs/wormscan-ui/assets/69044575/37d39826-8c25-4099-9819-f0be3c2dd2ed

giulianoconti commented 5 months ago

create new graph https://www.figma.com/design/6KPmHRV0RqVWZKYC8J3B4W/Wormhole-Scan-Client-Delivery?node-id=2680-35975&t=yQflo1vzYvHBoqL7-4

SamantaCasal commented 5 months ago

❗ Mobile: The tooltip is not seen when hovering over the first/last bar of the graph. Iphone 14 Pro

SamantaCasal commented 5 months ago

❗ When selecting a chain the logos appear and disappear. ❗ After selecting Reset, the previously selected chains should be unchecked. ❗ The default view always has to be ALL CHAINS.

https://github.com/XLabs/wormscan-ui/assets/69044575/434e6168-f8a6-4306-8c61-c491776a1ed0

SamantaCasal commented 4 months ago

The date of the first day is missing

SamantaCasal commented 4 months ago

Background gradient missing

Design

STG

SamantaCasal commented 4 months ago

Add Also in Analytics-Chain.

Header: https://www.figma.com/design/6KPmHRV0RqVWZKYC8J3B4W/Wormhole-Scan-Client-Delivery?node-id=3327-26836&t=Kkduhh3K38COa8b1-4 Page: https://www.figma.com/design/6KPmHRV0RqVWZKYC8J3B4W/Wormhole-Scan-Client-Delivery?node-id=3401-31677&t=Kkduhh3K38COa8b1-4

giulianoconti commented 4 months ago

task moved to #737

XLabs / wormscan-ui

[Analytics-Chains] Chain Activity #583

Description