MicroBT container components

UI for MicroBT containers. These components read from MicroBT-shaped device records and render cooling status, fire and water sensors, power meters, and a gauge chart used for temperature readouts.

For primitives shared across all container vendors (EnabledDisableToggle, DryCooler, etc.), see the Containers overview. The PDU socket tile has its own Socket page.

Prerequisites

• Complete the @tetherto/mdk-react-devkit installation and add the dependency
• A MicroBT container device record. Cooling components read from container_specific_stats.cdu; PowerMeters reads from container_specific_stats.power_meters.

Components

GaugeChartComponent

Wraps the core GaugeChart to render a value against a maximum with optional label, custom colors, and an overlaid numeric value and unit.

Import

import { GaugeChartComponent } from '@tetherto/mdk-react-devkit/foundation'

Props

Basic usage

<GaugeChartComponent
  max={100}
  value={75.5}
  label="Temperature"
  unit="°C"
/>

Styling

• .mdk-gauge-chart-component: Root element
• .mdk-gauge-chart-component__title: Gauge title
• .mdk-gauge-chart-component__chart: Chart wrapper
• .mdk-gauge-chart-component__value: Value readout row
• .mdk-gauge-chart-component__value-number: Numeric value text
• .mdk-gauge-chart-component__value-unit: Unit text

MicroBTCooling

Detailed MicroBT cooling view covering cycle pump, main circulation pump (status, switch, speed), cooling fan, and make-up water pump, with Kehua-specific adjustments.

Import

import { MicroBTCooling } from '@tetherto/mdk-react-devkit/foundation'

Props

Basic usage

<MicroBTCooling data={microbtContainer} />

Composition

• Cycle Pump indicator from cdu.cycle_pump_control (green Running, gray Off)
• Main Circulation Pump panel: status from circulation_pump_running_status, switch from circulation_pump_switch, speed from circulation_pump_speed in % or Hz
• Cooling Fan panel: status from cooling_fan_control, Kehua-only speed from cooling_system_status, switch from cooling_fan_switch
• Make Up Pump panel: status is red on makeup_water_pump_fault, green on makeup_water_pump_control, gray otherwise; switch from makeup_water_pump_switch.

Styling

• .mdk-micro-bt-cooling: Root element
• .mdk-micro-bt-cooling__section: Section wrapper
• .mdk-micro-bt-cooling__section-title: Section heading
• .mdk-micro-bt-cooling__divider: Horizontal divider between sections
• .mdk-micro-bt-cooling__row: Row of items inside a section
• .mdk-micro-bt-cooling__item-row: Single-row layout (cycle pump)
• .mdk-micro-bt-cooling__item: Item cell
• .mdk-micro-bt-cooling__label: Item label text
• .mdk-micro-bt-cooling__value: Item value text

MicroBTSettings

Combines container parameter settings with an editable inlet water temperature threshold form for MicroBT containers.

Import

import { MicroBTSettings } from '@tetherto/mdk-react-devkit/foundation'

Props

Basic usage

<MicroBTSettings data={microbtContainer} />

With custom thresholds

<MicroBTSettings
  data={microbtContainer}
  containerSettings={{ thresholds: customThresholds }}
/>

Composition

• Renders ContainerParamsSettings for the common container parameters block
• Renders MicroBTEditableThresholdForm wired with MicroBT-specific color, flash, and superflash helpers (getMicroBtInletTempColor, shouldMicroBtTemperatureFlash, shouldMicroBtTemperatureSuperflash) for inlet water temperature

Styling

• .mdk-micro-bt-settings: Root element
• .mdk-micro-bt-settings__divider: Spacer between the params and threshold sections

PowerMeters

Renders one data panel per power meter with communication status, A-B/B-C/C-A voltages, power factor, frequency, active and apparent power, and energy.

Import

import { PowerMeters } from '@tetherto/mdk-react-devkit/foundation'

Props

Basic usage

<PowerMeters data={microbtContainer} />

Rows rendered

• Communication Status: green Normal when status === 1, red Error otherwise
• Voltage A-B, Voltage B-C, Voltage C-A: voltage_ab, voltage_bc, voltage_ca in V
• Total Power Factor: total_power_factor, unitless
• Frequency: freq in Hz
• Total Active Power: total_active_power in kW
• Total Apparent Power: total_apparent_power in kVA
• Total Active Energy: total_active_energy in kWh

Styling

• .mdk-power-meters: Root element
• .mdk-power-meters__panel: Single power-meter panel wrapper