implement nat & ddns page (#5)

src/components/service.tsx

@@ -46,25 +46,25 @@ interface ServiceCardProps {
 }
 
 const serviceFormSchema = z.object({
-    cover: z.coerce.number().min(0),
-    duration: z.coerce.number().min(30),
+    cover: z.coerce.number().int().min(0),
+    duration: z.coerce.number().int().min(30),
     enable_show_in_service: asOptionalField(z.boolean()),
     enable_trigger_task: asOptionalField(z.boolean()),
     fail_trigger_tasks: z.array(z.string()).transform((v => {
         return v.filter(Boolean).map(Number);
     })),
     latency_notify: asOptionalField(z.boolean()),
-    max_latency: z.coerce.number().min(0),
-    min_latency: z.coerce.number().min(0),
+    max_latency: z.coerce.number().int().min(0),
+    min_latency: z.coerce.number().int().min(0),
     name: z.string().min(1),
-    notification_group_id: z.coerce.number(),
+    notification_group_id: z.coerce.number().int(),
     notify: asOptionalField(z.boolean()),
     recover_trigger_tasks: z.array(z.string()).transform((v => {
         return v.filter(Boolean).map(Number);
     })),
     skip_servers: z.record(z.boolean()),
     target: z.string().url(),
-    type: z.coerce.number().min(0),
+    type: z.coerce.number().int().min(0),
 });
 
 export const ServiceCard: React.FC<ServiceCardProps> = ({ data, mutate }) => {