feat(traffic): sort challenge & teams

GZTimeWalker · GZTimeWalker · commit fe867b8ee34f · 2024-04-27T02:44:12.000+08:00
diff --git a/src/GZCTF/ClientApp/package.json b/src/GZCTF/ClientApp/package.json
@@ -65,8 +65,8 @@
     "@vitejs/plugin-react": "^4.2.1",
     "axios": "^1.6.8",
     "babel-plugin-prismjs": "^2.1.0",
-    "eslint": "^8.0.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
     "form-data": "~4.0.0",
     "lodash": "^4.17.21",
     "prettier": "~3.2.5",
@@ -77,7 +77,7 @@
     "vite": "^5.2.10",
     "vite-plugin-pages": "^0.32.1",
     "vite-plugin-prismjs": "^0.0.11",
-    "vite-plugin-webfont-dl": "^3.9.3",
+    "vite-plugin-webfont-dl": "^3.9.4",
     "vite-tsconfig-paths": "^4.3.2"
   }
 }
diff --git a/src/GZCTF/ClientApp/pnpm-lock.yaml b/src/GZCTF/ClientApp/pnpm-lock.yaml
diff --git a/src/GZCTF/ClientApp/src/pages/games/[id]/monitor/Traffic.tsx b/src/GZCTF/ClientApp/src/pages/games/[id]/monitor/Traffic.tsx
@@ -135,6 +135,9 @@ const Traffic: FC = () => {
   const srollHeight = 'calc(100vh - 174px)'
   const headerHeight = rem(32)
 
+  challengeTraffic?.sort((a, b) => a.tag?.localeCompare(b.tag ?? '') ?? 0)
+  teamTraffic?.sort((a, b) => (a.teamId ?? 0) - (b.teamId ?? 0))
+
   return (
     <WithGameMonitorTab>
       {!challengeTraffic || challengeTraffic?.length === 0 ? (
