From a58d95fdbbed5f1ca01ba62e42e63019778828ae Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Mon, 2 Dec 2024 10:21:17 +0800
Subject: [PATCH] fix: service list empty

---
 src/components/ServiceTracker.tsx | 35 ++++++++++++++++++-------------
 1 file changed, 20 insertions(+), 15 deletions(-)

diff --git a/src/components/ServiceTracker.tsx b/src/components/ServiceTracker.tsx
index f43f3d0..26f65a2 100644
--- a/src/components/ServiceTracker.tsx
+++ b/src/components/ServiceTracker.tsx
@@ -39,7 +39,10 @@ export const ServiceTracker: React.FC = () => {
     return <div className="mt-4">Loading...</div>;
   }
 
-  if (!serviceData?.data?.services) {
+  if (
+    !serviceData?.data?.services &&
+    !serviceData?.data?.cycle_transfer_stats
+  ) {
     return (
       <div className="mt-4 font-thin text-sm">No service data available</div>
     );
@@ -54,20 +57,22 @@ export const ServiceTracker: React.FC = () => {
           />
         </div>
       )}
-      <section className="grid grid-cols-1 md:grid-cols-2 mt-4 gap-2 md:gap-4">
-        {Object.entries(serviceData.data.services).map(([name, data]) => {
-          const { days, uptime, avgDelay } = processServiceData(data);
-          return (
-            <ServiceTrackerClient
-              key={name}
-              days={days}
-              title={data.service.name}
-              uptime={uptime}
-              avgDelay={avgDelay}
-            />
-          );
-        })}
-      </section>
+      {serviceData.data.services && (
+        <section className="grid grid-cols-1 md:grid-cols-2 mt-4 gap-2 md:gap-4">
+          {Object.entries(serviceData.data.services).map(([name, data]) => {
+            const { days, uptime, avgDelay } = processServiceData(data);
+            return (
+              <ServiceTrackerClient
+                key={name}
+                days={days}
+                title={data.service.name}
+                uptime={uptime}
+                avgDelay={avgDelay}
+              />
+            );
+          })}
+        </section>
+      )}
     </div>
   );
 };