fixes oceanbase/odc#609

oceanbase · Oct 25, 2023 · 648abd6 · 648abd6
1 parent 898d84a
commit 648abd6
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/src/common/datasource/interface.ts b/src/common/datasource/interface.ts
@@ -117,6 +117,7 @@ export interface IDataSourceModeConfig {
     sys: boolean;
     ssl: boolean;
     defaultSchema?: boolean;
+    jdbcDoc?: string;
   };
   features: {
     task: TaskType[];

diff --git a/src/common/datasource/mysql/index.tsx b/src/common/datasource/mysql/index.tsx
@@ -62,6 +62,8 @@ const items: Record<ConnectType.MYSQL, IDataSourceModeConfig> = {
       account: true,
       sys: false,
       ssl: false,
+      jdbcDoc:
+        'https://dev.mysql.com/doc/connector-j/8.1/en/connector-j-reference-configuration-properties.html',
     },
     features: {
       task: [

diff --git a/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/InitScriptItem/index.tsx b/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/InitScriptItem/index.tsx
@@ -44,6 +44,7 @@ function Editor({ value, onChange }: IProps) {
       bordered
       editorProps={{
         value,
+        theme: 'obwhite',
       }}
       initialSQL={value}
       language={'sql'}

diff --git a/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/JDBCParamsItem/index.tsx b/src/page/Datasource/Datasource/NewDatasourceDrawer/Form/JDBCParamsItem/index.tsx
@@ -21,7 +21,8 @@ import { formatMessage } from '@/util/intl';
 import { DeleteOutlined, PlusOutlined } from '@ant-design/icons';
 import { DataGridRef } from '@oceanbase-odc/ob-react-data-grid';
 import { Form, Space } from 'antd';
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+import React, { useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import DatasourceFormContext from '../context';
 type IValue = Record<string, string>;
 interface IProps {
   value?: IValue;
@@ -36,6 +37,7 @@ function JDBCParamsItem() {
 }
 const JDBCParams: React.FC<IProps> = function ({ value, onChange }) {
   const gridRef = useRef<DataGridRef>();
+  const context = useContext(DatasourceFormContext);
   const [innerValue, setInnerValue] = useState<
     {
       name: string;
@@ -159,7 +161,10 @@ const JDBCParams: React.FC<IProps> = function ({ value, onChange }) {
         属性配置 */
         }{' '}
         <a
-          href="https://www.oceanbase.com/docs/common-oceanbase-connector-j-cn-1000000000130260"
+          href={
+            context?.dataSourceConfig?.jdbcDoc ||
+            'https://www.oceanbase.com/docs/common-oceanbase-connector-j-cn-1000000000130260'
+          }
           target="_blank"
         >
           {
@@ -197,6 +202,7 @@ const JDBCParams: React.FC<IProps> = function ({ value, onChange }) {
           />
         </Toolbar>
         <EditableTable
+          theme="white"
           gridRef={gridRef}
           readonly={false}
           onRowsChange={onRowsChange}