diff --git a/client/src/Pages/Docker/ContainerDetails/Components/StatBoxes.tsx b/client/src/Pages/Docker/ContainerDetails/Components/StatBoxes.tsx index ed97917bf..ce92753fc 100644 --- a/client/src/Pages/Docker/ContainerDetails/Components/StatBoxes.tsx +++ b/client/src/Pages/Docker/ContainerDetails/Components/StatBoxes.tsx @@ -10,6 +10,7 @@ import type { DockerContainerInfo } from "@/Types/Check"; // Utils import { formatDuration } from "@/Utils/TimeUtils"; +import { getDockerPalette } from "@/Utils/MonitorUtils"; export const DockerContainerStatusBoxes = ({ container, @@ -24,6 +25,7 @@ export const DockerContainerStatusBoxes = ({ const { state, restartCount, health } = container; const startedAt = container.startedAt ?? "0"; const runningFor = Date.now() - new Date(startedAt).getTime(); + const palette = getDockerPalette(state); return ( { return "warning"; }; +export const getDockerPalette = (dockerState: DockerContainerState): PaletteKey => { + if (dockerState === "created") return "success"; + if (dockerState === "running") return "success"; + if (dockerState === "dead") return "error"; + if (dockerState === "exited") return "error"; + return "warning"; +}; + export const getValuePalette = (value: ValueType): PaletteKey => { const paletteMap: Record = { positive: "success",