From 59bb1352d72703db04824d903f4d093c884ef736 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=BE=90=E6=B6=9B?= <midnite@outlook.com>
Date: Fri, 27 Dec 2024 15:52:58 +0800
Subject: [PATCH] =?UTF-8?q?=E5=A2=9E=E5=8A=A0=E4=BF=AE=E6=94=B9Scheme?=
 =?UTF-8?q?=E6=8F=8F=E8=BF=B0=E7=9A=84=E5=8A=9F=E8=83=BD=E3=80=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/SchemeDetail.tsx | 12 +++++++++++-
 1 file changed, 11 insertions(+), 1 deletion(-)

diff --git a/src/pages/SchemeDetail.tsx b/src/pages/SchemeDetail.tsx
index 60d0249..2827c88 100644
--- a/src/pages/SchemeDetail.tsx
+++ b/src/pages/SchemeDetail.tsx
@@ -1,6 +1,7 @@
 import { isNil, set } from 'lodash-es';
 import { useCallback, useEffect } from 'react';
 import { useNavigate, useParams } from 'react-router-dom';
+import { EditableDescription } from '../components/EditableDescription';
 import { EditableTitle } from '../components/EditableTitle';
 import { useScheme, useUpdateScheme } from '../stores/schemes';
 import styles from './SchemeDetail.module.css';
@@ -20,6 +21,15 @@ export function SchemeDetail() {
     },
     [id],
   );
+  const updateDescription = useCallback(
+    (newDescription: string | null) => {
+      updateScheme((prev) => {
+        set(prev, 'description', newDescription);
+        return prev;
+      });
+    },
+    [id],
+  );
 
   useEffect(() => {
     if (isNil(scheme)) {
@@ -30,7 +40,7 @@ export function SchemeDetail() {
   return (
     <div className={styles.scheme_detail_layout}>
       <EditableTitle title={scheme?.name} onChange={updateTitle} />
-      <p>{scheme?.description}</p>
+      <EditableDescription content={scheme?.description} onChange={updateDescription} />
     </div>
   );
 }