mod: select space automatically after select history (#433)

vesoft-inc · Jan 19, 2023 · 0736e39 · 0736e39
1 parent a360c9f
commit 0736e39
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 4 deletions.
diff --git a/app/pages/Console/OutputBox/index.tsx b/app/pages/Console/OutputBox/index.tsx
@@ -19,7 +19,7 @@ import styles from './index.module.less';
 interface IProps {
   index: number;
   result: HistoryResult;
-  onHistoryItem: (gql: string) => void;
+  onHistoryItem: (gql: string, space?: string) => void;
   onExplorer?: (params: {
     space: string;
     vertexes: any[], 
@@ -280,7 +280,7 @@ const OutputBox = (props: IProps) => {
   ].filter(Boolean);
   return <div className={styles.outputBox}>
     <div className={styles.outputHeader}>
-      <p className={cls(styles.gql, { [styles.errorInfo]: !resultSuccess })} onClick={() => onHistoryItem(gql)}>
+      <p className={cls(styles.gql, { [styles.errorInfo]: !resultSuccess })} onClick={() => onHistoryItem(gql, space)}>
         <span className={styles.gqlValue}>{space ? `[${space}]>` : '$'} {gql}</span>
       </p>
       <div className={styles.outputOperations}>

diff --git a/app/pages/Console/index.tsx b/app/pages/Console/index.tsx
@@ -72,7 +72,13 @@ const Console = (props: IProps) => {
     }
   };
 
-  const updateGql = (value: string) => update({ currentGQL: value });
+  const updateGql = (value: string, space?: string) => {
+    update({ currentGQL: value, currentSpace: space || currentSpace });
+    window.scrollTo({
+      top: 0,
+      behavior: 'smooth'
+    });
+  };
 
   const handleSaveQuery = (query: string) => {
     if (query !== '') {
@@ -179,7 +185,7 @@ const Console = (props: IProps) => {
               result={item}
               templateRender={templateRender}
               onExplorer={onExplorer ? handleExplorer : undefined}
-              onHistoryItem={gql => updateGql(gql)}
+              onHistoryItem={(gql, space) => updateGql(gql, space)}
               onResultConfig={handleResultConfig}
             />
           )) : <OutputBox