From a60d2e7f0fac7616e41af22b204ec069b3da810c Mon Sep 17 00:00:00 2001
From: karamvir <karamvir.singh98@gmail.com>
Date: Mon, 11 Sep 2023 16:37:08 -0700
Subject: [PATCH] fix for build

---
 .../src/components/resources/server/index.tsx | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/frontend-v2/src/components/resources/server/index.tsx b/frontend-v2/src/components/resources/server/index.tsx
index 1959290a0..1bd1467fe 100644
--- a/frontend-v2/src/components/resources/server/index.tsx
+++ b/frontend-v2/src/components/resources/server/index.tsx
@@ -48,18 +48,15 @@ const ServerInfo = ({ id }: { id: string }) => {
   );
 };
 
-const ServerIconComponent = ({ id }: { id: string }) => {
+const ServerIconComponent = ({ id }: { id?: string }) => {
   const status = useServer(id)?.info.status;
-  return (
-    <ServerIcon
-      className={cn(
-        "w-4 h-4",
-        status === Types.ServerStatus.Ok && "fill-green-500",
-        status === Types.ServerStatus.NotOk && "fill-red-500",
-        status === Types.ServerStatus.Disabled && "fill-blue-500"
-      )}
-    />
-  );
+
+  const color = () => {
+    if (status === Types.ServerStatus.Ok) return "fill-green-500";
+    if (status === Types.ServerStatus.NotOk) return "fill-red-500";
+    if (status === Types.ServerStatus.Disabled) return "fill-blue-500";
+  };
+  return <ServerIcon className={cn("w-4 h-4", id && color())} />;
 };
 
 const ServerConfig = ({ id }: { id: string }) => {