diff --git a/frontend/src/components/header/index.tsx b/frontend/src/components/header/index.tsx index a49ebcaf5..cba5645dd 100644 --- a/frontend/src/components/header/index.tsx +++ b/frontend/src/components/header/index.tsx @@ -6,10 +6,11 @@ import { Link, useLocation, useParams } from "react-router-dom"; import { useUser } from "@hooks"; import { ServerName } from "@pages/server"; +import { DeploymentName } from "@pages/deployment"; export const Paths = () => { const path = useLocation().pathname.split("/")[1]; - const { serverId } = useParams(); + const { serverId, deploymentId } = useParams(); return (
@@ -34,6 +35,14 @@ export const Paths = () => { )} + {deploymentId && ( + <> + + + + + + )}
); }; diff --git a/frontend/src/pages/dashboard/components/deployments-chart.tsx b/frontend/src/pages/dashboard/components/deployments-chart.tsx index fd86aa51e..3c841be58 100644 --- a/frontend/src/pages/dashboard/components/deployments-chart.tsx +++ b/frontend/src/pages/dashboard/components/deployments-chart.tsx @@ -11,6 +11,7 @@ import { ChevronRight } from "lucide-react"; import { PieChart } from "react-minimal-pie-chart"; import { Link } from "react-router-dom"; import { useRead } from "@hooks"; +import { DockerContainerState } from "@monitor/client/dist/types"; export const DeploymentsChart = () => { const { data, isLoading, isError } = useRead({ @@ -18,9 +19,15 @@ export const DeploymentsChart = () => { params: {}, }); - const running = data?.filter((d) => d.state === "running").length; - const stopped = data?.filter((d) => d.state === "exited").length; - const not_deployed = data?.filter((d) => d.state === "not_deployed").length; + const running = data?.filter( + (d) => d.state === DockerContainerState.Running + ).length; + const stopped = data?.filter( + (d) => d.state === DockerContainerState.Exited + ).length; + const not_deployed = data?.filter( + (d) => d.state === DockerContainerState.Unknown + ).length; return (