From e324b9b98efa61017e1293a16dda09b891182912 Mon Sep 17 00:00:00 2001
From: hamster1963 <1410514192@qq.com>
Date: Sun, 29 Sep 2024 11:10:57 +0800
Subject: [PATCH] fix: display index sort

---
 .../ClientComponents/ServerListClient.tsx     | 27 +++++++++++++------
 1 file changed, 19 insertions(+), 8 deletions(-)

diff --git a/app/[locale]/(main)/ClientComponents/ServerListClient.tsx b/app/[locale]/(main)/ClientComponents/ServerListClient.tsx
index c111d03..f064a1a 100644
--- a/app/[locale]/(main)/ClientComponents/ServerListClient.tsx
+++ b/app/[locale]/(main)/ClientComponents/ServerListClient.tsx
@@ -19,14 +19,25 @@ export default function ServerListClient() {
       </div>
     );
   if (!data) return null;
-  const sortedServers = data.result.sort((a, b) => {
-    if (a.display_index && b.display_index) {
-      return b.display_index - a.display_index;
-    }
-    if (a.display_index) return -1;
-    if (b.display_index) return 1;
-    return a.id - b.id;
-  });
+  const { result } = data;
+
+  const positiveDisplayIndex = result
+    .filter((server) => server.display_index > 0)
+    .sort((a, b) => b.display_index - a.display_index);
+
+  const noDisplayIndex = result
+    .filter((server) => !server.display_index)
+    .sort((a, b) => a.id - b.id);
+
+  const negativeDisplayIndex = result
+    .filter((server) => server.display_index < 0)
+    .sort((a, b) => b.display_index - a.display_index);
+
+  const sortedServers = [
+    ...positiveDisplayIndex,
+    ...noDisplayIndex,
+    ...negativeDisplayIndex,
+  ];
   return (
     <section className="grid grid-cols-1 gap-2 md:grid-cols-2">
       {sortedServers.map((serverInfo) => (