:Merge branch 'feat/datacenter' of github.com:toeverything/AFFiNE into feat/datacenter

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

@@ -28,13 +28,22 @@ import { WorkspaceUnit } from '@affine/datacenter';
 import { useTemporaryHelper } from '@/providers/temporary-helper-provider';
 import { StyledMemberWarp } from './general/style';
 import { useConfirm } from '@/providers/ConfirmProvider';
+import { useAppState } from '@/providers/app-state-provider';
 
 // import { useAppState } from '@/providers/app-state-provider';
 export const MembersPage = ({ workspace }: { workspace: WorkspaceUnit }) => {
   const [isInviteModalShow, setIsInviteModalShow] = useState(false);
-  const [members, setMembers] = useState<[{ name: string; email: string }]>([
-    { name: 'affine', email: 'tttt' },
-  ]);
+
+  const { currentMetaWorkSpace, currentWorkspace, dataCenter } = useAppState();
+
+  const [members, setMembers] = useState<[{ name: string; email: string }?]>(
+    []
+  );
+
+  // const getMembers = async () =>{
+  //   const members = await dataCenter.
+  // }
+
   console.log('setMembers: ', setMembers);
   const { user, login, updateWorkspaceMeta } = useTemporaryHelper();
   const { confirm } = useConfirm();
@@ -83,9 +92,9 @@ export const MembersPage = ({ workspace }: { workspace: WorkspaceUnit }) => {
                       </StyledMemberAvatar>
 
                       <StyledMemberInfo>
-                        <StyledMemberName>{member.name}</StyledMemberName>
+                        <StyledMemberName>{member?.name}</StyledMemberName>
 
-                        <StyledMemberEmail>{member.email}</StyledMemberEmail>
+                        <StyledMemberEmail>{member?.email}</StyledMemberEmail>
                       </StyledMemberInfo>
                     </StyledMemberNameContainer>
                     <StyledMemberRoleContainer>

packages/app/src/hooks/use-workspace-helper.ts

@@ -6,7 +6,8 @@ import router from 'next/router';
 
 export const useWorkspaceHelper = () => {
   const { confirm } = useConfirm();
-  const { dataCenter, currentWorkspace, user, login } = useAppState();
+  const { dataCenter, currentWorkspace, user, login, currentMetaWorkSpace } =
+    useAppState();
   const createWorkspace = async (name: string) => {
     const workspaceInfo = await dataCenter.createWorkspace({
       name: name,
@@ -56,6 +57,11 @@ export const useWorkspaceHelper = () => {
     });
   };
 
+  const inviteMember = async (email: string) => {
+    currentMetaWorkSpace &&
+      (await dataCenter.inviteMember(currentMetaWorkSpace?.id, email));
+  };
+
   return {
     createWorkspace,
     publishWorkspace,