From d103612fb854de7fc8da1c3a8ac3e1c3469e735c Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Fri, 6 Dec 2024 11:26:54 +0800
Subject: [PATCH] feat(overview): filter by group

---
 src/pages/Server.tsx | 86 ++++++++++++++++++++++----------------------
 1 file changed, 43 insertions(+), 43 deletions(-)

diff --git a/src/pages/Server.tsx b/src/pages/Server.tsx
index f4d1adf..a6fac6d 100644
--- a/src/pages/Server.tsx
+++ b/src/pages/Server.tsx
@@ -83,49 +83,6 @@ export default function Servers() {
     );
   }
 
-  const totalServers = nezhaWsData?.servers?.length || 0;
-  const onlineServers =
-    nezhaWsData?.servers?.filter(
-      (server) => formatNezhaInfo(nezhaWsData.now, server).online,
-    )?.length || 0;
-  const offlineServers =
-    nezhaWsData?.servers?.filter(
-      (server) => !formatNezhaInfo(nezhaWsData.now, server).online,
-    )?.length || 0;
-  const up =
-    nezhaWsData?.servers?.reduce(
-      (total, server) =>
-        formatNezhaInfo(nezhaWsData.now, server).online
-          ? total + (server.state?.net_out_transfer ?? 0)
-          : total,
-      0,
-    ) || 0;
-  const down =
-    nezhaWsData?.servers?.reduce(
-      (total, server) =>
-        formatNezhaInfo(nezhaWsData.now, server).online
-          ? total + (server.state?.net_in_transfer ?? 0)
-          : total,
-      0,
-    ) || 0;
-
-  const upSpeed =
-    nezhaWsData?.servers?.reduce(
-      (total, server) =>
-        formatNezhaInfo(nezhaWsData.now, server).online
-          ? total + (server.state?.net_out_speed ?? 0)
-          : total,
-      0,
-    ) || 0;
-  const downSpeed =
-    nezhaWsData?.servers?.reduce(
-      (total, server) =>
-        formatNezhaInfo(nezhaWsData.now, server).online
-          ? total + (server.state?.net_in_speed ?? 0)
-          : total,
-      0,
-    ) || 0;
-
   const filteredServers =
     nezhaWsData?.servers?.filter((server) => {
       if (currentGroup === "All") return true;
@@ -138,6 +95,49 @@ export default function Servers() {
       return !!group;
     }) || [];
 
+  const totalServers = filteredServers.length || 0;
+  const onlineServers =
+    filteredServers.filter(
+      (server) => formatNezhaInfo(nezhaWsData.now, server).online,
+    )?.length || 0;
+  const offlineServers =
+    filteredServers.filter(
+      (server) => !formatNezhaInfo(nezhaWsData.now, server).online,
+    )?.length || 0;
+  const up =
+    filteredServers.reduce(
+      (total, server) =>
+        formatNezhaInfo(nezhaWsData.now, server).online
+          ? total + (server.state?.net_out_transfer ?? 0)
+          : total,
+      0,
+    ) || 0;
+  const down =
+    filteredServers.reduce(
+      (total, server) =>
+        formatNezhaInfo(nezhaWsData.now, server).online
+          ? total + (server.state?.net_in_transfer ?? 0)
+          : total,
+      0,
+    ) || 0;
+
+  const upSpeed =
+    filteredServers.reduce(
+      (total, server) =>
+        formatNezhaInfo(nezhaWsData.now, server).online
+          ? total + (server.state?.net_out_speed ?? 0)
+          : total,
+      0,
+    ) || 0;
+  const downSpeed =
+    filteredServers.reduce(
+      (total, server) =>
+        formatNezhaInfo(nezhaWsData.now, server).online
+          ? total + (server.state?.net_in_speed ?? 0)
+          : total,
+      0,
+    ) || 0;
+
   return (
     <div className="mx-auto w-full max-w-5xl px-0">
       <ServerOverview