MinerChipsCard

Card listing every miner in a container as `MinerChip`s for at-a-glance selection.

Card listing every miner in a container as <MinerChip>s for at-a-glance selection.

import { MinerChipsCard } from "@tetherto/mdk-react-devkit";

Prop	Status	Type	Default	Description
`data`	Required	`ContainerStats`	—	—

Usage

MinerChipsCard lists all miners in a container as selectable MinerChip tiles — useful for at-a-glance selection and health monitoring.

Component	Description
`MinerChipsCard`	Container-level card rendering a grid of `MinerChip` tiles.
`MinerChip`	Individual chip tile showing slot index, frequency, and temperature.

MinerChipsCard Props

Prop	Type	Required	Default	Description
`data`	`ContainerStats`	yes	—	Container stats including chip frequency and temperature arrays.

MinerChip Props

Prop	Type	Required	Default	Description
`index`	`number`	yes	—	Chip slot index.
`frequency`	`{ current: number }`	yes	—	Current frequency in MHz.
`temperature`	`{ avg: number; min: number; max: number }`	yes	—	Temperature readings in °C.

Minimal example

import { MinerChipsCard } from "@tetherto/mdk-react-devkit";

<MinerChipsCard data={containerStats} />

Example

import { MinerChipsCard } from '@tetherto/mdk-react-devkit'const mockStats = {  frequency_mhz: {    chips: [      { index: 0, current: 620 },      { index: 1, current: 615 },    ],  },  temperature_c: {    chips: [      { index: 0, avg: 65, min: 62, max: 68 },      { index: 1, avg: 67, min: 64, max: 70 },    ],  },}export const MinerChipsCardExample = () => (  <div className="mdk-example-row">    <MinerChipsCard data={mockStats as never} />  </div>)