MDK Logo
ReferenceUI KitReactUI Kit foundationComponentsDashboards

SubsidyFee

Subsidy & fees reporting view — combines a stacked bar chart of mining rewards (subsidy vs fees) with optional summary stat cards and a timeframe selector. D…

Subsidy & fees reporting view — combines a stacked bar chart of mining rewards (subsidy vs fees) with optional summary stat cards and a timeframe selector. Drives data through the companion useSubsidyFees hook and is intended to be embedded inside the financial reporting page.

import { SubsidyFee } from "@tetherto/mdk-react-devkit";
PropStatusTypeDefaultDescription
isErrorOptionalboolean
isLoadingOptionalboolean
errorMessageOptionalstring
showSummaryCardsOptionalboolean
logOptionalSubsidyFeesLogEntry[]
dataOptionalSubsidyFeesResponse | null
onDateRangeChangeOptional(dateRange: FinancialDateRange, query: FinanceQueryParams) => void

Usage

Financial dashboard section for subsidy and fee reporting. Shows a summary with optional fee log entries and allows date-range filtering.

Example

import { SubsidyFee } from '@tetherto/mdk-react-devkit'export const SubsidyFeeExample = () => (  <div className="mdk-example-row">    <SubsidyFee isLoading={false} showSummaryCards={true} log={[]} data={null} />  </div>)