MDK Logo

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 SiteReports composite

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.

On this page