upd: overview desa

src/frontend/routes/apps.$appId.index.tsx

@@ -1,3 +1,4 @@
+import { useQuery } from '@tanstack/react-query'
 import { VillageActivityLineChart, VillageComparisonBarChart } from '@/frontend/components/DashboardCharts'
 import { ErrorDataTable } from '@/frontend/components/ErrorDataTable'
 import { SummaryCard } from '@/frontend/components/SummaryCard'
@@ -51,6 +52,11 @@ function AppOverviewPage() {
   const { data: dailyRes, isLoading: dailyLoading, mutate: mutateDaily } = useSWR(isDesaPlus ? API_URLS.getDailyActivity() : null, fetcher)
   const { data: comparisonRes, isLoading: comparisonLoading, mutate: mutateComparison } = useSWR(isDesaPlus ? API_URLS.getComparisonActivity() : null, fetcher)
 
+  const { data: appData, isLoading: appLoading } = useQuery({
+    queryKey: ['apps', appId],
+    queryFn: () => fetch(`/api/apps/${appId}`).then((r) => r.json()),
+  })
+
   const grid = gridRes?.data
   const dailyData = dailyRes?.data || []
   const comparisonData = comparisonRes?.data || []
@@ -209,12 +215,11 @@ function AppOverviewPage() {
           </SummaryCard>
 
           <SummaryCard
-            title="Errors Today"
-            value="12"
+            title="Errors Open"
+            value={appLoading ? '...' : (appData?.errors || '0')}
             icon={TbAlertTriangle}
             color="red"
             isError={true}
-            trend={{ value: '4.8%', positive: false }}
           />
         </SimpleGrid>
 
@@ -223,7 +228,7 @@ function AppOverviewPage() {
           <VillageComparisonBarChart data={comparisonData} isLoading={comparisonLoading} />
         </SimpleGrid>
 
-        <ErrorDataTable />
+        <ErrorDataTable appId={appId} />
       </Stack>
     </>
   )