Compose reporting layouts
Compose the timeframe week selector from the shared building blocks the reporting surfaces use.
@tetherto/mdk-react-devkit/domain
The prebuilt reporting composites (Cost, Ebitda, EnergyBalance, HashBalance, Hashrate, EnergyReport,
OperationalDashboard, SubsidyFee) and their per-composite guides were removed from the devkit in 0.12. What remains
of that surface is the shared timeframe building blocks below, plus TimeframeControls, ReportTimeFrameSelector and
the useFinancialDateRange hook.
The building blocks below receive pre-shaped data as props and do no fetching, so you wire your own data layer (RTK Query, TanStack, fixtures) around them.
Shared building blocks
These power the week selector inside TimeframeControls, shared across the financial reporting surfaces.
| Component | Description |
|---|---|
TimeframeWeekFlatContent | Flat week-list for the week selector |
TimeframeWeekTreeContent | Year-month-week tree for the week selector |
TimeframeWeekFlatContent
Flat list of selectable week items for the TimeframeControls week selector. Shared building block of the reporting timeframe controls.
import { TimeframeWeekFlatContent } from '@tetherto/mdk-react-devkit/domain'Renders inside the week selector of TimeframeControls.
TimeframeWeekTreeContent
Hierarchical year to month to week tree for the TimeframeControls week selector. Shared building block of the reporting timeframe controls.
import { TimeframeWeekTreeContent } from '@tetherto/mdk-react-devkit/domain'Renders inside the week selector of TimeframeControls.