MDK Logo
UI Kitreact-devkitComponentsFoundationWidgets

SupplyLiquidBox

Status card for the dielectric supply tank — level, temperature, and pressure readings.

Status card for the dielectric supply tank — level, temperature, and pressure readings.

import { SupplyLiquidBox } from "@tetherto/mdk-react-devkit";
PropStatusTypeDefaultDescription
dataOptionalDevice | undefined
containerSettingsOptionalSupplyLiquidBoxContainerSettings | null | undefined

Usage

Status card for the dielectric supply tank in a Bitmain Hydro container. Shows supply-liquid temperature, pressure, and flow readings with colour/flash states driven by configurable thresholds.

Minimal example

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

<SupplyLiquidBox data={device} />

Notes

  • Returns null when data is falsy.

Example

import { SupplyLiquidBox } from '@tetherto/mdk-react-devkit'const mockDevice = {  last: {    snap: {      stats: { status: 'mining' },      container_specific: {        supply_liquid_pressure: 1.4,        supply_temp: 35,      },    },  },} as neverexport const SupplyLiquidBoxExample = () => (  <div className="mdk-example-row">    <SupplyLiquidBox data={mockDevice} />  </div>)