mirror of
https://github.com/Dokploy/dokploy
synced 2025-06-26 18:27:59 +00:00
style: change status indication
This commit is contained in:
@@ -27,6 +27,7 @@ import {
|
|||||||
} from "@/components/icons/data-tools-icons";
|
} from "@/components/icons/data-tools-icons";
|
||||||
import { api } from "@/utils/api";
|
import { api } from "@/utils/api";
|
||||||
import { Badge } from "@/components/ui/badge";
|
import { Badge } from "@/components/ui/badge";
|
||||||
|
import { StatusTooltip } from "../shared/status-tooltip";
|
||||||
|
|
||||||
type Project = Awaited<ReturnType<typeof findProjectById>>;
|
type Project = Awaited<ReturnType<typeof findProjectById>>;
|
||||||
|
|
||||||
@@ -115,21 +116,9 @@ export const SearchCommand = () => {
|
|||||||
<span className="flex-grow">
|
<span className="flex-grow">
|
||||||
{project.name} / {application.name}
|
{project.name} / {application.name}
|
||||||
</span>
|
</span>
|
||||||
<Badge
|
<div>
|
||||||
className={
|
<StatusTooltip status={application.status} />
|
||||||
application.status === "running"
|
</div>
|
||||||
? "bg-green-500"
|
|
||||||
: application.status === "idle"
|
|
||||||
? "bg-yellow-500"
|
|
||||||
: application.status === "error"
|
|
||||||
? "bg-red-500"
|
|
||||||
: application.status === "done"
|
|
||||||
? "bg-cyan-500"
|
|
||||||
: ""
|
|
||||||
}
|
|
||||||
>
|
|
||||||
{application.status}
|
|
||||||
</Badge>
|
|
||||||
</CommandItem>
|
</CommandItem>
|
||||||
));
|
));
|
||||||
})}
|
})}
|
||||||
|
|||||||
Reference in New Issue
Block a user