fix: types of data center call

packages/app/src/components/invite-members/index.tsx

@@ -4,7 +4,7 @@ import { Modal, ModalWrapper, ModalCloseButton } from '@/ui/modal';
 import { Button } from '@/ui/button';
 import Input from '@/ui/input';
 import { useState } from 'react';
-import { inviteMember, getUserByEmail } from '@affine/datacenter';
+import { getDataCenter } from '@affine/datacenter';
 import { Avatar } from '@mui/material';
 interface LoginModalProps {
   open: boolean;
@@ -60,15 +60,19 @@ export const InviteMembers = ({
       setShowTip(false);
       debounce(
         () => {
-          getUserByEmail({
-            email: value,
-            workspace_id: workspaceId,
-          }).then(data => {
-            if (data?.name) {
-              setUserData(data);
-              setShowTip(false);
-            }
-          });
+          getDataCenter()
+            .then(dc =>
+              dc.apis.getUserByEmail({
+                email: value,
+                workspace_id: workspaceId,
+              })
+            )
+            .then(data => {
+              if (data?.name) {
+                setUserData(data);
+                setShowTip(false);
+              }
+            });
         },
         300,
         true
@@ -130,7 +134,8 @@ export const InviteMembers = ({
               shape="circle"
               type="primary"
               onClick={() => {
-                inviteMember({ id: workspaceId, email: email })
+                getDataCenter()
+                  .then(dc => dc.apis.inviteMember({ id: workspaceId, email }))
                   .then(() => {
                     onClose();
                     onInviteSuccess && onInviteSuccess();

packages/app/src/components/login-modal/LoginOptionButton.tsx

@@ -10,7 +10,7 @@ export const GoogleLoginButton = () => {
     <StyledGoogleButton
       onClick={() => {
         getDataCenter()
-          .then(dc => dc.apis.signInWithGoogle())
+          .then(dc => dc.apis.signInWithGoogle?.())
           .then(() => {
             triggerLoginModal();
           })

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);

packages/app/src/components/workspace-slider-bar/WorkspaceSelector/SelectorPopperContent.tsx

@@ -12,7 +12,7 @@ import {
 } from './WorkspaceItem';
 import { WorkspaceSetting } from '@/components/workspace-setting';
 import { useCallback, useEffect, useState } from 'react';
-import { getWorkspaceDetail, WorkspaceType } from '@affine/datacenter';
+import { getDataCenter, WorkspaceType } from '@affine/datacenter';
 import { useModal } from '@/providers/global-modal-provider';
 
 export type WorkspaceDetails = Record<
@@ -54,7 +54,8 @@ export const SelectorPopperContent = ({
           if (type === WorkspaceType.Private) {
             return { id, member_count: 1, owner: user };
           } else {
-            const data = await getWorkspaceDetail({ id });
+            const dc = await getDataCenter();
+            const data = await dc.apis.getWorkspaceDetail({ id });
             return { id, ...data } || { id, member_count: 0, owner: user };
           }
         }

packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceItem/CreateWorkspaceItem/workspace-create/workspace-create.tsx

@@ -1,4 +1,4 @@
-import { createWorkspace, uploadBlob } from '@affine/datacenter';
+import { getDataCenter } from '@affine/datacenter';
 import Modal from '@/ui/modal';
 import Input from '@/ui/input';
 import {
@@ -52,7 +52,9 @@ export const WorkspaceCreate = ({ open, onClose }: WorkspaceCreateProps) => {
         ctx.fillText(workspaceName[0], 50, 50);
         canvas.toBlob(blob => {
           if (blob) {
-            const blobId = uploadBlob({ blob });
+            const blobId = getDataCenter().then(dc =>
+              dc.apis.uploadBlob({ blob })
+            );
             resolve(blobId);
           } else {
             reject();
@@ -69,7 +71,10 @@ export const WorkspaceCreate = ({ open, onClose }: WorkspaceCreateProps) => {
       setCreating(false);
     });
     if (blobId) {
-      createWorkspace({ name: workspaceName, avatar: blobId })
+      getDataCenter()
+        .then(dc =>
+          dc.apis.createWorkspace({ name: workspaceName, avatar: blobId })
+        )
         .then(async data => {
           await refreshWorkspacesMeta();
           // eslint-disable-next-line @typescript-eslint/ban-ts-comment