From 7afbe8b20812279b575ba190b5692a4430f8a325 Mon Sep 17 00:00:00 2001 From: Nicholas Penree Date: Wed, 12 Mar 2025 09:07:31 -0400 Subject: [PATCH] chore(ui): standardize status badge for containers --- .../settings/web-server/docker-terminal-modal.tsx | 7 ++++++- .../dashboard/settings/web-server/show-modal-logs.tsx | 7 ++++++- 2 files changed, 12 insertions(+), 2 deletions(-) diff --git a/apps/dokploy/components/dashboard/settings/web-server/docker-terminal-modal.tsx b/apps/dokploy/components/dashboard/settings/web-server/docker-terminal-modal.tsx index fa9f1a41..44dda0d3 100644 --- a/apps/dokploy/components/dashboard/settings/web-server/docker-terminal-modal.tsx +++ b/apps/dokploy/components/dashboard/settings/web-server/docker-terminal-modal.tsx @@ -1,3 +1,4 @@ +import { Badge } from "@/components/ui/badge"; import { Button } from "@/components/ui/button"; import { Dialog, @@ -23,6 +24,7 @@ import { Loader2 } from "lucide-react"; import dynamic from "next/dynamic"; import type React from "react"; import { useEffect, useState } from "react"; +import { badgeStateColor } from "../../application/logs/show"; const Terminal = dynamic( () => @@ -109,7 +111,10 @@ export const DockerTerminalModal = ({ children, appName, serverId }: Props) => { key={container.containerId} value={container.containerId} > - {container.name} ({container.containerId}) {container.state} + {container.name} ({container.containerId}){" "} + + {container.state} + ))} Containers ({data?.length}) diff --git a/apps/dokploy/components/dashboard/settings/web-server/show-modal-logs.tsx b/apps/dokploy/components/dashboard/settings/web-server/show-modal-logs.tsx index 43b1838d..a19d4fb7 100644 --- a/apps/dokploy/components/dashboard/settings/web-server/show-modal-logs.tsx +++ b/apps/dokploy/components/dashboard/settings/web-server/show-modal-logs.tsx @@ -21,6 +21,8 @@ import { Loader2 } from "lucide-react"; import dynamic from "next/dynamic"; import type React from "react"; import { useEffect, useState } from "react"; +import { badgeStateColor } from "../../application/logs/show"; +import { Badge } from "@/components/ui/badge"; export const DockerLogsId = dynamic( () => @@ -90,7 +92,10 @@ export const ShowModalLogs = ({ key={container.containerId} value={container.containerId} > - {container.name} ({container.containerId}) {container.state} + {container.name} ({container.containerId}){" "} + + {container.state} + ))} Containers ({data?.length})