feat: add delete button for monitor

src/client/components/monitor/MonitorInfo.tsx

@@ -1,4 +1,4 @@
-import { Button, Card, Space, Spin } from 'antd';
+import { Button, Card, Popconfirm, Space, Spin } from 'antd';
 import dayjs from 'dayjs';
 import React, { useState } from 'react';
 import {
@@ -41,6 +41,10 @@ export const MonitorInfo: React.FC<MonitorInfoProps> = React.memo((props) => {
     onSuccess: defaultSuccessHandler,
     onError: defaultErrorHandler,
   });
+  const deleteMutation = trpc.monitor.delete.useMutation({
+    onSuccess: defaultSuccessHandler,
+    onError: defaultErrorHandler,
+  });
 
   const trpcUtils = trpc.useContext();
 
@@ -78,6 +82,17 @@ export const MonitorInfo: React.FC<MonitorInfoProps> = React.memo((props) => {
     });
   });
 
+  const handleDelete = useEvent(async () => {
+    await deleteMutation.mutateAsync({
+      workspaceId,
+      monitorId,
+    });
+
+    trpcUtils.monitor.all.refetch();
+
+    navigate('/monitor');
+  });
+
   if (isInitialLoading) {
     return <Loading />;
   }
@@ -140,6 +155,13 @@ export const MonitorInfo: React.FC<MonitorInfoProps> = React.memo((props) => {
                 Start
               </Button>
             )}
+
+            <Popconfirm
+              title="How you sure delete this monitor?"
+              onConfirm={handleDelete}
+            >
+              <Button danger={true}>Delete</Button>
+            </Popconfirm>
           </div>
 
           <Card>

src/server/model/monitor/index.ts

@@ -4,6 +4,7 @@ import { prisma } from '../_client';
 import { monitorProviders } from './provider';
 import { sendNotification } from '../notification';
 import dayjs from 'dayjs';
+import { logger } from '../../utils/logger';
 
 export type MonitorUpsertData = Pick<
   Monitor,
@@ -74,6 +75,23 @@ class MonitorManager {
     return monitor;
   }
 
+  async delete(workspaceId: string, monitorId: string) {
+    const runner = this.getRunner(monitorId);
+    if (!runner) {
+      throw new Error('This monitor not found');
+    }
+
+    runner.stopMonitor();
+    delete this.monitorRunner[monitorId];
+
+    return prisma.monitor.delete({
+      where: {
+        workspaceId,
+        id: monitorId,
+      },
+    });
+  }
+
   /**
    * Get and start all monitors
    */
@@ -148,6 +166,7 @@ class MonitorRunner {
     };
 
     const run = async () => {
+      try {
         let value = 0;
         try {
           value = await provider.run(monitor);
@@ -192,6 +211,9 @@ class MonitorRunner {
 
         // Run next loop
         nextAction();
+      } catch (err) {
+        logger.error('Run monitor error,', monitor.id, String(err));
+      }
     };
 
     run();

src/server/trpc/routers/monitor.ts

@@ -119,6 +119,24 @@ export const monitorRouter = router({
 
       return monitor;
     }),
+  delete: workspaceOwnerProcedure
+    .meta(
+      buildMonitorOpenapi({
+        method: 'DELETE',
+        path: '/{monitorId}',
+      })
+    )
+    .input(
+      z.object({
+        monitorId: z.string().cuid2(),
+      })
+    )
+    .output(monitorInfoSchema)
+    .mutation(async ({ input }) => {
+      const { workspaceId, monitorId } = input;
+
+      return monitorManager.delete(workspaceId, monitorId);
+    }),
   data: workspaceProcedure
     .meta(
       buildMonitorOpenapi({