From eccb322ead49a09458b5961377be99392c44aa83 Mon Sep 17 00:00:00 2001
From: moonrailgun <moonrailgun@gmail.com>
Date: Mon, 6 May 2024 00:31:08 +0800
Subject: [PATCH] fix: fix status page markdown editor preview cannot render
 correct problem

---
 src/client/components/monitor/StatusPage/EditForm.tsx | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/client/components/monitor/StatusPage/EditForm.tsx b/src/client/components/monitor/StatusPage/EditForm.tsx
index fb7bca1..c4a9aa5 100644
--- a/src/client/components/monitor/StatusPage/EditForm.tsx
+++ b/src/client/components/monitor/StatusPage/EditForm.tsx
@@ -75,7 +75,7 @@ export const MonitorStatusPageEditForm: React.FC<MonitorStatusPageEditFormProps>
           </Form.Item>
 
           <Form.Item label={t('Description')} name="description">
-            <MarkdownEditor value={''} />
+            <MarkdownEditorFormItem />
           </Form.Item>
 
           <Form.Item
@@ -179,3 +179,11 @@ export const MonitorStatusPageEditForm: React.FC<MonitorStatusPageEditFormProps>
     );
   });
 MonitorStatusPageEditForm.displayName = 'MonitorStatusPageEditForm';
+
+export const MarkdownEditorFormItem: React.FC<{
+  value?: string;
+  onChange?: (val: string) => void;
+}> = React.memo((props) => {
+  return <MarkdownEditor value={props.value ?? ''} onChange={props.onChange} />;
+});
+MarkdownEditorFormItem.displayName = 'MarkdownEditorFormItem';