PoolDetailsCard
Compact key/value card for displaying pool metadata (URL, fee, worker count, etc.). Empty list renders a "No data available" placeholder.
Compact key/value card for displaying pool metadata (URL, fee, worker count, etc.). Empty list renders a "No data available" placeholder.
import { PoolDetailsCard } from "@tetherto/mdk-react-devkit";| Prop | Status | Type | Default | Description |
|---|---|---|---|---|
label | Required | string | undefined | — | — |
underline | Required | boolean | undefined | — | — |
className | Required | string | undefined | — | — |
details | Required | PoolDetailItem[] | — | — |
Usage
Compact key/value card for pool metadata. Empty list renders a "No data available" placeholder.
Data contracts
PoolDetailItem is exported alongside the component — { title: string; value?: string | number }. Undefined values render as -.
Example
/** * Runnable example for PoolDetailsCard. */import { PoolDetailsCard } from '@tetherto/mdk-react-devkit'const details = [ { title: 'URL', value: 'stratum+tcp://eu.example.pool:3333' }, { title: 'Worker', value: 'rig-01' }, { title: 'Fee', value: '1.5 %' }, { title: 'Active workers', value: 42 }, { title: 'Pool status', value: 'Healthy' },]export const PoolDetailsCardExample = () => { return <PoolDetailsCard label="Primary pool" details={details} />}MiningPoolsPanel
Dashboard card that lists configured mining pools — one row per pool, with revenue, hash rate, and an optional "Show details" action. Pure presentation: the …
PoolDetailsPopover
Button-triggered popover that displays a pool's key/value details (URL, fee, worker count, status, …) inside a Radix `Dialog`. Wraps `PoolDetailsCard` so the…