feat(platform): show link issue count in topbar

vehicle-data-platform/apps/web/src/App.tsx

@@ -1,4 +1,6 @@
-import { useState } from 'react';
+import { useEffect, useState } from 'react';
+import { Toast } from '@douyinfe/semi-ui';
+import { api } from './api/client';
 import { AppShell, type PageKey } from './layout/AppShell';
 import { Dashboard } from './pages/Dashboard';
 import { History } from './pages/History';
@@ -11,6 +13,15 @@ import { Vehicles } from './pages/Vehicles';
 export default function App() {
   const [activePage, setActivePage] = useState<PageKey>('dashboard');
   const [activeVin, setActiveVin] = useState('LB9A32A24R0LS1426');
+  const [linkIssueCount, setLinkIssueCount] = useState<number | null>(null);
+
+  useEffect(() => {
+    api.opsHealth()
+      .then((health) => {
+        setLinkIssueCount(health.linkHealth.filter((item) => item.status !== 'ok').length);
+      })
+      .catch((error: Error) => Toast.error(error.message));
+  }, []);
 
   const openVehicle = (vin: string) => {
     const nextVin = vin.trim();
@@ -32,7 +43,7 @@ export default function App() {
   };
 
   return (
-    <AppShell activePage={activePage} onChange={setActivePage} onVehicleSearch={openVehicle}>
+    <AppShell activePage={activePage} linkIssueCount={linkIssueCount} onChange={setActivePage} onVehicleSearch={openVehicle}>
       {pages[activePage]}
     </AppShell>
   );