Hashrate
Top-level hashrate reporting section - composes the site / miner-type / mining-unit drilldowns into a tabbed shell. Each tab fetches independently because th…
Top-level hashrate reporting section - composes the site / miner-type / mining-unit drilldowns into a tabbed shell. Each tab fetches independently because the three views use different groupBy axes; the composite stitches them via per-tab prop bags.
import { Hashrate } from "@tetherto/mdk-react-devkit";| Prop | Status | Type | Default | Description |
|---|---|---|---|---|
defaultTab | Optional | HashrateTabValue | undefined | — | Tab selected on first render. Defaults to the Site View. |
siteView | Optional | HashrateSiteViewProps | undefined | — | Props forwarded to the Site View tab. |
minerTypeView | Optional | HashrateMinerTypeViewProps | undefined | — | Props forwarded to the Miner Type View tab. |
miningUnitView | Optional | HashrateMiningUnitViewProps | undefined | — | Props forwarded to the Mining Unit View tab. |
Usage
Operational hashrate reporting view with three tabs:
- Site View - aggregated site hashrate trend over the selected date range, with an optional miner-type filter.
- Miner Type View - latest hashrate per miner model.
- Mining Unit View - latest hashrate per container.
Each tab fetches independently (different groupBy axes and date ranges);
the composite is a thin tabs shell that stitches them together via per-tab
prop bags.
Example
import { Hashrate } from './hashrate'export const HashrateExample = () => ( <div className="mdk-example-row"> <Hashrate /> </div>)