MDK Logo

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 …

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.

import { HashrateSiteView } from "@tetherto/mdk-react-devkit";
PropStatusTypeDefaultDescription
logOptionalHashrateGroupedLog | undefinedHashrate log grouped by miner type.
isLoadingOptionalboolean | undefinedLoading state - drives the chart spinner.
dateRangeOptionalHashrateDateRange | undefinedSelected date range used by the host to drive the query.
onDateRangeChangeOptional((range: HashrateDateRange) => void) | undefinedFires when the user picks a new range from the DateRangePicker.
onResetOptionalVoidFunction | undefinedOptional reset handler shown as a "Reset" button next to the date picker.

Usage

Site-level hashrate trend tab inside <Hashrate>. Aggregates the grouped hashrate log across all (or filtered) miner types into a single series for the selected date range.

Example

import { HashrateSiteView } from './site-view'export const HashrateSiteViewExample = () => (  <div className="mdk-example-row">    <HashrateSiteView isLoading={false} log={[]} />  </div>)