From 64f33dd802b29a10554569d54147958f0ba54118 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Sun, 29 Oct 2023 01:25:09 +0800
Subject: [PATCH] refactor: disable change type when edit monitor

---
 src/client/components/modals/monitor/MonitorInfoEditor.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/client/components/modals/monitor/MonitorInfoEditor.tsx b/src/client/components/modals/monitor/MonitorInfoEditor.tsx
index e538583..38e074d 100644
--- a/src/client/components/modals/monitor/MonitorInfoEditor.tsx
+++ b/src/client/components/modals/monitor/MonitorInfoEditor.tsx
@@ -29,6 +29,8 @@ export const MonitorInfoEditor: React.FC<MonitorInfoEditorProps> = React.memo(
   (props) => {
     const [form] = Form.useForm();
     const typeValue = Form.useWatch('type', form);
+    const initialValues = props.initialValues ?? defaultValues;
+    const isEdit = Boolean(initialValues.id);
 
     const formEl = useMemo(() => {
       const provider = getMonitorProvider(typeValue);
@@ -55,13 +57,13 @@ export const MonitorInfoEditor: React.FC<MonitorInfoEditorProps> = React.memo(
           preserve={false}
           form={form}
           layout="vertical"
-          initialValues={props.initialValues ?? defaultValues}
+          initialValues={initialValues}
           onFinish={handleSubmit}
         >
           <Form.Item hidden name="id" />
 
           <Form.Item label="Monitor Type" name="type">
-            <Select>
+            <Select disabled={isEdit}>
               {monitorProviders.map((m) => (
                 <Select.Option key={m.name} value={m.name}>
                   {m.label}