PullRequest: 874 feat: support sync datasourcr in private space

Merge branch 'feat/syncdb of git@code.alipay.com:oceanbase/oceanbase-developer-center.git into dev-4.3.4

https://code.alipay.com/oceanbase/oceanbase-developer-center/pull_requests/874


Reviewed-by: 晓康 <xxk268858@oceanbase.com>


* feat: support sync datasourcr in private space

Author: yezaoshu

src/page/Workspace/SideBar/ResourceTree/TreeNodeMenu/dataSource.tsx

@@ -15,13 +15,17 @@ import ResourceTreeContext from '@/page/Workspace/context/ResourceTreeContext';
 import { SearchOutlined } from '@ant-design/icons';
 import { openGlobalSearch } from '@/page/Workspace/SideBar/ResourceTree/const';
 import { isConnectTypeBeFileSystemGroup } from '@/util/connection';
+import { syncDatasource } from '@/common/network/connection';
+
 const CustomDropdown = ({
   node,
   login,
   deleteDataSource,
   setCopyDatasourceId,
   setEditDatasourceId,
   setAddDSVisiable,
+  userStore,
+  sync,
 }) => {
   const [dropdownVisible, setDropdownVisible] = useState(false);
   const treeContext = useContext(ResourceTreeContext);
@@ -38,6 +42,7 @@ const CustomDropdown = ({
     setDropdownVisible(false);
     action(e);
   };
+
   const menuItems = node.data
     ? [
         {
@@ -72,7 +77,20 @@ const CustomDropdown = ({
               deleteDataSource(name as string, node.data.id as string);
             }),
         },
-      ]
+        userStore.isPrivateSpace()
+          ? {
+              label: formatMessage({
+                id: 'src.page.Workspace.SideBar.ResourceTree.DatabaseSearchModal.components.884084AB',
+                defaultMessage: '同步数据库',
+              }),
+              key: 'sync',
+              onClick: (e) =>
+                handleMenuClick(e, () => {
+                  sync(node.data.id);
+                }),
+            }
+          : null,
+      ]?.filter(Boolean)
     : [];
   const menu = (
     <Menu>
@@ -130,6 +148,19 @@ const DataSourceNodeMenu = (props: IProps) => {
     copyDatasourceId,
   } = props;
   const dataSource = node.data;
+
+  async function sync(id: number | string) {
+    const isSuccess = await syncDatasource(toInteger(id));
+    if (isSuccess) {
+      message.success(
+        formatMessage({
+          id: 'odc.Datasource.Info.SynchronizationSucceeded',
+          defaultMessage: '同步成功',
+        }), //同步成功
+      );
+    }
+  }
+
   return (
     <>
       <Popover
@@ -153,6 +184,8 @@ const DataSourceNodeMenu = (props: IProps) => {
             setCopyDatasourceId={setCopyDatasourceId}
             setEditDatasourceId={setEditDatasourceId}
             setAddDSVisiable={setAddDSVisiable}
+            userStore={userStore}
+            sync={sync}
           />
           <div
             className={classNames(treeStyles.envTip, {
@@ -223,6 +256,13 @@ const DataSourceNodeMenu = (props: IProps) => {
                       defaultMessage: '删除',
                     })}
                   </Action.Link>
+
+                  <Action.Link onClick={() => sync(dataSource.id)} key={'sync'}>
+                    {formatMessage({
+                      id: 'src.page.Workspace.SideBar.ResourceTree.DatabaseSearchModal.components.884084AB',
+                      defaultMessage: '同步数据库',
+                    })}
+                  </Action.Link>
                 </Action.Group>
               )}
             </div>