feat: add telemetry event count

src/client/components/CommonList.tsx

@@ -11,6 +11,7 @@ import { Empty } from 'antd';
 export interface CommonListItem {
   id: string;
   title: string;
+  number?: number;
   content?: React.ReactNode;
   tags?: string[];
   href: string;
@@ -84,12 +85,12 @@ export const CommonList: React.FC<CommonListProps> = React.memo((props) => {
                   })
                 }
               >
-                <div className="flex w-full flex-col gap-1">
+                <div className="flex w-full items-center justify-between gap-1">
-                  <div className="flex items-center">
+                  <div className="font-semibold">{item.title}</div>
-                    <div className="flex items-center gap-2">
+
-                      <div className="font-semibold">{item.title}</div>
+                  {item.number && item.number > 0 && (
-                    </div>
+                    <span className="opacity-60">{item.number}</span>
-                  </div>
+                  )}
                 </div>
 
                 {item.content && (

src/client/routes/telemetry.tsx

@@ -27,6 +27,9 @@ function TelemetryComponent() {
   const { data = [] } = trpc.telemetry.all.useQuery({
     workspaceId,
   });
+  const { data: allEventCount = {} } = trpc.telemetry.allEventCount.useQuery({
+    workspaceId,
+  });
   const navigate = useNavigate();
   const pathname = useRouterState({
     select: (state) => state.location.pathname,
@@ -35,6 +38,7 @@ function TelemetryComponent() {
   const items = data.map((item) => ({
     id: item.id,
     title: item.name,
+    number: allEventCount[item.id] ?? 0,
     href: `/telemetry/${item.id}`,
   }));
 

src/server/trpc/routers/telemetry.ts

@@ -78,6 +78,33 @@ export const telemetryRouter = router({
 
       return res;
     }),
+  allEventCount: workspaceProcedure
+    .meta(
+      buildTelemetryOpenapi({
+        method: 'GET',
+        path: '/allEventCount',
+      })
+    )
+    .output(z.record(z.string(), z.number()))
+    .query(async ({ input }) => {
+      const { workspaceId } = input;
+
+      const res = await prisma.telemetryEvent.groupBy({
+        by: ['telemetryId'],
+        where: {
+          workspaceId,
+        },
+        _count: true,
+      });
+
+      return res.reduce<Record<string, number>>((prev, item) => {
+        if (item.telemetryId) {
+          prev[item.telemetryId] = item._count;
+        }
+
+        return prev;
+      }, {});
+    }),
   eventCount: workspaceProcedure
     .meta(
       buildTelemetryOpenapi({