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
| Component | Description |
|---|---|
HashrateSiteView | Site-level hashrate trend view |
HashrateMinerTypeView | Hashrate grouped by miner model |
HashrateMiningUnitView | Hashrate 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.