From 19a0550b32698291bd8028e7f773dbfe5fc0b8ea Mon Sep 17 00:00:00 2001
From: djknaeckebrot <dennis.lueke@pm.me>
Date: Thu, 12 Dec 2024 08:32:18 +0100
Subject: [PATCH] style: change status indication

---
 .../components/dashboard/search-command.tsx   | 19 ++++---------------
 1 file changed, 4 insertions(+), 15 deletions(-)

diff --git a/apps/dokploy/components/dashboard/search-command.tsx b/apps/dokploy/components/dashboard/search-command.tsx
index f6ff79fd..6ee71df6 100644
--- a/apps/dokploy/components/dashboard/search-command.tsx
+++ b/apps/dokploy/components/dashboard/search-command.tsx
@@ -27,6 +27,7 @@ import {
 } from "@/components/icons/data-tools-icons";
 import { api } from "@/utils/api";
 import { Badge } from "@/components/ui/badge";
+import { StatusTooltip } from "../shared/status-tooltip";
 
 type Project = Awaited<ReturnType<typeof findProjectById>>;
 
@@ -115,21 +116,9 @@ export const SearchCommand = () => {
                     <span className="flex-grow">
                       {project.name} / {application.name}
                     </span>
-                    <Badge
-                      className={
-                        application.status === "running"
-                          ? "bg-green-500"
-                          : application.status === "idle"
-                          ? "bg-yellow-500"
-                          : application.status === "error"
-                          ? "bg-red-500"
-                          : application.status === "done"
-                          ? "bg-cyan-500"
-                          : ""
-                      }
-                    >
-                      {application.status}
-                    </Badge>
+                    <div>
+                      <StatusTooltip status={application.status} />
+                    </div>
                   </CommandItem>
                 ));
               })}