MDK Logo

Compose Hashrate layouts

Building blocks behind the Hashrate reporting composite — assemble a custom hashrate layout from the same tab views.

@tetherto/mdk-react-devkit/foundation

The Hashrate composite renders a fixed three-tab layout. To build a custom arrangement, compose it from the tab views below — each takes pre-shaped data as props and does no fetching.

Building blocks

ComponentDescription
HashrateSiteViewSite-level hashrate trend view
HashrateMinerTypeViewHashrate grouped by miner model
HashrateMiningUnitViewHashrate grouped by mining unit

HashrateSiteView

Site-level hashrate trend - aggregates hashrate across the whole site for the selected date range, with an optional miner-type filter that scopes the sum to a subset. Building block of the Hashrate composite.

import { HashrateSiteView } from '@tetherto/mdk-react-devkit/foundation'

Renders inside the Site View tab of Hashrate.

HashrateMinerTypeView

Hashrate drilldown grouped by miner model - bar chart of the latest hashrate per miner type, with an optional multi-select filter. Building block of the Hashrate composite.

import { HashrateMinerTypeView } from '@tetherto/mdk-react-devkit/foundation'

Renders inside the Miner Type View tab of Hashrate.

HashrateMiningUnitView

Hashrate drilldown grouped by mining unit / container - bar chart of the latest hashrate per container with an optional multi-select filter. Building block of the Hashrate composite.

import { HashrateMiningUnitView } from '@tetherto/mdk-react-devkit/foundation'

Renders inside the Mining Unit View tab of Hashrate.

On this page