ContainerSelectionDialog
Modal that lists containers and lets the operator pick one or many for a follow-up action.
Modal that lists containers and lets the operator pick one or many for a follow-up action.
import { ContainerSelectionDialog } from "@tetherto/mdk-react-devkit";| Prop | Status | Type | Default | Description |
|---|---|---|---|---|
miner | Optional | Device | undefined | — | — |
containers | Optional | Device[] | undefined | — | — |
isLoading | Optional | boolean | undefined | — | — |
open | Required | boolean | — | — |
onClose | Required | (value?: boolean | undefined) => void | — | — |
Usage
Modal step that lists containers for the operator to choose from as part of a position-change or batch-action flow.
Example
import { useState } from 'react'import { ContainerSelectionDialog } from '@tetherto/mdk-react-devkit'export const ContainerSelectionDialogExample = () => { const [open, setOpen] = useState(false) return ( <div className="mdk-example-row"> <button onClick={() => setOpen(true)}>Open Container Selection</button> <ContainerSelectionDialog open={open} onClose={() => setOpen(false)} containers={[]} isLoading={false} /> </div> )}ContainerFansCard
Card displaying the array of cooling fans in a container with live state per fan. Displays a grid of fan status indicators. Shows fan number and on/off state…
ContainerWidgetCard
Presentational summary card for a single container in the Site Overview widgets grid: a header row (title / alarms / power), then either an offline / error b…