github-starred/komodo
2
0
Fork 1
mirror of https://github.com/moghtech/komodo.git synced 2026-03-11 17:44:19 -05:00
Code Issues 258 Packages Projects Releases 10 Wiki Activity

improve state mapping for deployment status icon

Browse Source
This commit is contained in:
karamvir
2023-08-06 11:19:09 -07:00
parent 902f3f7d00
commit a1d3c46127
1 changed files with 11 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
frontend/src/resources/deployment/util.tsx
View File

@@ -1,4 +1,5 @@
import { useRead } from "@hooks";
import { DockerContainerState } from "@monitor/client/dist/types";
import { BuildName } from "@resources/build/util";
import { ServerName } from "@resources/server/util";
import { cn } from "@util/helpers";
@@ -31,16 +32,16 @@ export const DeploymentStatusIcon = ({
}) => {
const deployments = useRead("ListDeployments", {}).data;
const deployment = deployments?.find((d) => d.id === deploymentId);
return (
<Rocket
className={cn(
"w-4 h-4 stroke-primary",
deployment?.status === "running" && "fill-green-500",
deployment?.status === "exited" && "fill-red-500",
deployment?.status === null && "fill-blue-500"
)}
/>
);
const s = deployment?.state;
const color = () => {
if (s === DockerContainerState.Running) return "fill-green-500";
if (s === DockerContainerState.Paused) return "fill-orange-500";
if (s === DockerContainerState.NotDeployed) return "fill-blue-500";
return "fill-red-500";
};
return <Rocket className={cn("w-4 h-4 stroke-primary", color())} />;
};
export const DeploymentServer = ({