Reporting tool
Operational and financial reporting components for the MDK foundation UI kit
@tetherto/mdk-react-devkit/foundation
Reporting-tool components cover financial and operational analytics. Host apps supply API or tail-log data; components handle layout, charts, and tab navigation. Every report shares one date-range model through TimeframeControls, ReportTimeFrameSelector, and useFinancialDateRange.
Prerequisites
Component groups
- Financial reporting: revenue, cost, EBITDA, energy balance, hash balance, and subsidy fee reports
- Operational reporting: operational dashboard, energy consumption, and hashrate reports
- Operational efficiency: three-tab efficiency dashboard (
OperationsEfficiency) - Multi-site reporting: portfolio-level
SiteReportscomposite
Reporting components
Also includes the shared TimeframeControls/ReportTimeFrameSelector date-range pickers and MetricCard. Browse the sidebar for the full, always-up-to-date list — each component links to its own reference page (description, props, usage, and a runnable example). For the backing state, see useTimeframeControls and useReportTimeFrameSelectorState.