fix: fix render sketch (#342)

* fix: fix render sketch * mod: code review
vesoft-inc · Nov 2, 2022 · 8d64659 · 8d64659
1 parent c29f1ce
commit 8d64659
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 10 deletions.
diff --git a/app/pages/SketchModeling/SketchConfigHeader/index.tsx b/app/pages/SketchModeling/SketchConfigHeader/index.tsx
@@ -83,13 +83,6 @@ const SketchConfigHeader: React.FC = () => {
     const code = await updateSketch({ name: value });
     if (code === 0) {
       message.success(intl.get('sketch.updateNameSuccess'));
-      await getSketchList();
-      sketchModel.update({
-        currentSketch: {
-          ...currentSketch,
-          name: value
-        }
-      });
     }
   };
   return (

diff --git a/app/pages/SketchModeling/SketchList/index.tsx b/app/pages/SketchModeling/SketchList/index.tsx
@@ -99,6 +99,7 @@ const SketchList: React.FC = () => {
       <Input
         allowClear
         placeholder={intl.get('sketch.search')}
+        defaultValue={sketchList.filter.keyword}
         className={styles.searchInput}
         onChange={debounceChange}
         suffix={<Icon type="icon-nav-filter" />}

diff --git a/app/stores/sketchModel.ts b/app/stores/sketchModel.ts
@@ -1,4 +1,4 @@
-import { makeAutoObservable, observable, action } from 'mobx';
+import { makeAutoObservable, observable, action, runInAction } from 'mobx';
 import { message } from 'antd';
 import intl from 'react-intl-universal';
 import { getRootStore } from '@app/stores';
@@ -153,13 +153,24 @@ export class SketchStore {
 
   updateSketch = async (params: { name?: string; schema?: string; snapshot?: string }) => {
     const { id, name, schema, snapshot } = this.currentSketch;
-    const { code } = await service.updateSketch({
+    const _params = {
       id,
       name,
       schema,
       snapshot,
       ...params,
-    });
+    };
+    const { code } = await service.updateSketch(_params);
+    if(code === 0) {
+      runInAction(() => {
+        const item = this.sketchList.items.find(item => item.id === id);
+        item.name = _params.name;
+        this.currentSketch = {
+          ...this.currentSketch,
+          ..._params
+        };
+      });
+    }
     return code;
   };