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 (