From fd49c7426a03e8f0bfa6fa83f1ab7e79d6c1cdc8 Mon Sep 17 00:00:00 2001
From: Seungho Kang <will.seungho@gmail.com>
Date: Fri, 19 Jul 2024 00:22:12 +0900
Subject: [PATCH] =?UTF-8?q?NodeState=20UNKNOWN=20=EC=83=81=ED=83=9C?=
 =?UTF-8?q?=EC=97=90=20=EB=8C=80=ED=95=B4=EC=84=9C=20=EC=A0=95=EC=83=81?=
 =?UTF-8?q?=EC=9C=BC=EB=A1=9C=20=EC=B2=98=EB=A6=AC=20(#55)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../main/webapp/src/pages/cluster/components/nodes-home.js    | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/cassdio-web/src/main/webapp/src/pages/cluster/components/nodes-home.js b/cassdio-web/src/main/webapp/src/pages/cluster/components/nodes-home.js
index 52107f7c..c614efa8 100644
--- a/cassdio-web/src/main/webapp/src/pages/cluster/components/nodes-home.js
+++ b/cassdio-web/src/main/webapp/src/pages/cluster/components/nodes-home.js
@@ -47,7 +47,7 @@ const NodesHome = () => {
             const nodes = response.data.result.items
             setNodeList(nodes)
             setTotalNodeSize(nodes.length)
-            setAvailableNodeSize(nodes.filter(node => node.nodeState === 'UP').length)
+            setAvailableNodeSize(nodes.filter(node => node.nodeState === 'UP' || node.nodeState === 'UNKNOWN').length)
         }).catch((error) => {
             errorCatch(error);
         }).finally(() => {
@@ -93,7 +93,7 @@ const NodesHome = () => {
                                         <tbody>
                                         {nodesByDcAndRack[datacenter][rack].map((node) => (
                                             <tr key={node.nodeId}
-                                                className={node.nodeState !== 'UP' ? 'table-danger' : ''}>
+                                                className={node.nodeState === 'UP' || node.nodeState === 'UNKNOWN' ? '' : 'table-danger'}>
                                                 <td className="text-center">{node.nodeId}</td>
                                                 <td className="text-center">{node.nodeState}</td>
                                                 <td className="text-center">{node.hostIp.replace('/', '')}</td>