fix: types of data center call

packages/app/src/components/workspace-setting/general/delete/delete.tsx

@@ -11,7 +11,7 @@ import {
 import { useState } from 'react';
 import { ModalCloseButton } from '@/ui/modal';
 import { Button } from '@/ui/button';
-import { deleteWorkspace } from '@affine/datacenter';
+import { getDataCenter } from '@affine/datacenter';
 import { useRouter } from 'next/router';
 import { useAppState } from '@/providers/app-state-provider';
 
@@ -39,7 +39,8 @@ export const WorkspaceDelete = ({
   };
 
   const handleDelete = async () => {
-    await deleteWorkspace({ id: workspaceId });
+    const dc = await getDataCenter();
+    await dc.apis.deleteWorkspace({ id: workspaceId });
     router.push(`/workspace/${nextWorkSpaceId}`);
     refreshWorkspacesMeta();
     onClose();

packages/app/src/components/workspace-setting/general/general.tsx

@@ -9,7 +9,7 @@ import { StyledSettingH2 } from '../style';
 import { useState } from 'react';
 import { Button } from '@/ui/button';
 import Input from '@/ui/input';
-import { uploadBlob, Workspace, WorkspaceType } from '@affine/datacenter';
+import { getDataCenter, Workspace, WorkspaceType } from '@affine/datacenter';
 import { useAppState } from '@/providers/app-state-provider';
 import { WorkspaceDetails } from '@/components/workspace-slider-bar/WorkspaceSelector/SelectorPopperContent';
 import { WorkspaceDelete } from './delete';
@@ -74,9 +74,11 @@ export const GeneralPage = ({
   const fileChange = async (file: File) => {
     setUploading(true);
     const blob = new Blob([file], { type: file.type });
-    const blobId = await uploadBlob({ blob }).finally(() => {
-      setUploading(false);
-    });
+    const blobId = await getDataCenter()
+      .then(dc => dc.apis.uploadBlob({ blob }))
+      .finally(() => {
+        setUploading(false);
+      });
     if (blobId) {
       currentWorkspace?.meta.setAvatar(blobId);
       workspaces[workspace.id]?.meta.setAvatar(blobId);

packages/app/src/components/workspace-setting/general/leave/leave.tsx

@@ -7,7 +7,7 @@ import {
 } from './style';
 import { ModalCloseButton } from '@/ui/modal';
 import { Button } from '@/ui/button';
-import { leaveWorkspace } from '@affine/datacenter';
+import { getDataCenter } from '@affine/datacenter';
 import { useRouter } from 'next/router';
 import { useAppState } from '@/providers/app-state-provider';
 
@@ -28,7 +28,8 @@ export const WorkspaceLeave = ({
   const router = useRouter();
   const { refreshWorkspacesMeta } = useAppState();
   const handleLeave = async () => {
-    await leaveWorkspace({ id: workspaceId });
+    const dc = await getDataCenter();
+    await dc.apis.leaveWorkspace({ id: workspaceId });
     router.push(`/workspace/${nextWorkSpaceId}`);
     refreshWorkspacesMeta();
     onClose();

packages/app/src/components/workspace-setting/workspace-setting.tsx

@@ -36,13 +36,7 @@ import { useCallback, useEffect, useState } from 'react';
 import { Button, IconButton } from '@/ui/button';
 import Input from '@/ui/input';
 import { InviteMembers } from '../invite-members/index';
-import {
-  getWorkspaceMembers,
-  Workspace,
-  Member,
-  removeMember,
-  updateWorkspace,
-} from '@affine/datacenter';
+import { Workspace, Member, getDataCenter } from '@affine/datacenter';
 import { Avatar } from '@mui/material';
 import { Menu, MenuItem } from '@/ui/menu';
 import { toast } from '@/ui/toast';
@@ -169,9 +163,12 @@ const MembersPage = ({ workspace }: { workspace: Workspace }) => {
   const [isInviteModalShow, setIsInviteModalShow] = useState(false);
   const [members, setMembers] = useState<Member[]>([]);
   const refreshMembers = useCallback(() => {
-    getWorkspaceMembers({
-      id: workspace.id,
-    })
+    getDataCenter()
+      .then(dc =>
+        dc.apis.getWorkspaceMembers({
+          id: workspace.id,
+        })
+      )
       .then(data => {
         setMembers(data);
       })
@@ -236,13 +233,17 @@ const MembersPage = ({ workspace }: { workspace: Workspace }) => {
                             //   confirmText: 'Delete',
                             //   confirmType: 'danger',
                             // }).then(confirm => {
-                            removeMember({
-                              permissionId: member.id,
-                            }).then(() => {
-                              // console.log('data: ', data);
-                              toast('Moved to Trash');
-                              refreshMembers();
-                            });
+                            getDataCenter()
+                              .then(dc =>
+                                dc.apis.removeMember({
+                                  permissionId: member.id,
+                                })
+                              )
+                              .then(() => {
+                                // console.log('data: ', data);
+                                toast('Moved to Trash');
+                                refreshMembers();
+                              });
                             // });
                           }}
                           icon={<TrashIcon />}
@@ -297,13 +298,17 @@ const PublishPage = ({ workspace }: { workspace: Workspace }) => {
     workspace.public
   );
   const togglePublic = (flag: boolean) => {
-    updateWorkspace({
-      id: workspace.id,
-      public: flag,
-    }).then(data => {
-      setPublicStatus(data?.public);
-      toast('Updated Public Status Success');
-    });
+    getDataCenter()
+      .then(dc =>
+        dc.apis.updateWorkspace({
+          id: workspace.id,
+          public: flag,
+        })
+      )
+      .then(data => {
+        setPublicStatus(data?.public);
+        toast('Updated Public Status Success');
+      });
   };
   const copyUrl = () => {
     navigator.clipboard.writeText(shareUrl);