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",