MDK Logo

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";
PropStatusTypeDefaultDescription
labelRequiredstring | undefined
underlineRequiredboolean | undefined
classNameRequiredstring | undefined
detailsRequiredPoolDetailItem[]

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} />}