fix: issues (#624)

* fix: issues * mod: code review
vesoft-inc · Aug 25, 2023 · 577a2d8 · 577a2d8
1 parent cf92c47
commit 577a2d8
Show file tree

Hide file tree

Showing 13 changed files with 1,200 additions and 1,160 deletions.
diff --git a/app/components/FileConfigSetting/index.tsx b/app/components/FileConfigSetting/index.tsx
@@ -29,6 +29,7 @@ const DelimiterConfigModal = (props: { onConfirm: (string) => void }) => {
         value={value}
         onChange={(e) => setValue(e.target.value)}
         placeholder={intl.get('import.enterDelimiter')}
+        onClick={(e) => e.stopPropagation()}
       />
       <Button className={cls('primaryBtn', styles.btn)} onClick={() => props.onConfirm(value)}>
         {intl.get('import.applicateToAll')}

diff --git a/app/components/GQLCodeMirror/index.tsx b/app/components/GQLCodeMirror/index.tsx
@@ -1,10 +1,9 @@
-import { Collapse } from 'antd';
+import { Collapse, CollapseProps } from 'antd';
 import { useI18n } from '@vesoft-inc/i18n';
 
 import CodeMirror from '@app/components/CodeMirror';
 
 import styles from './index.module.less';
-const Panel = Collapse.Panel;
 interface IOptions {
   [propName: string]: any;
 }
@@ -17,13 +16,14 @@ const GQLCodeMirror = (props: { currentGQL: string; option?: IOptions }) => {
     ...props.option,
   };
   const { intl } = useI18n();
-  return (
-    <Collapse className={styles.exportGql}>
-      <Panel header={intl.get('common.exportNGQL')} key="ngql">
-        <CodeMirror value={props.currentGQL} options={options} height="80px" />
-      </Panel>
-    </Collapse>
-  );
+  const items: CollapseProps['items'] = [
+    {
+      key: 'ngql',
+      label: intl.get('common.exportNGQL'),
+      children: <CodeMirror value={props.currentGQL} options={options} height="80px" />,
+    },
+  ];
+  return <Collapse className={styles.exportGql} items={items} />;
 };
 
 export default GQLCodeMirror;