feat: support pagination for member list (#4231)

apps/core/src/hooks/affine/use-member-count.ts

@@ -0,0 +1,13 @@
+import { getMemberCountByWorkspaceIdQuery } from '@affine/graphql';
+import { useQuery } from '@affine/workspace/affine/gql';
+
+export function useMemberCount(workspaceId: string) {
+  const { data } = useQuery({
+    query: getMemberCountByWorkspaceIdQuery,
+    variables: {
+      workspaceId,
+    },
+  });
+
+  return data.workspace.memberCount;
+}

apps/core/src/hooks/affine/use-members.ts

@@ -8,11 +8,17 @@ export type Member = Omit<
   GetMembersByWorkspaceIdQuery['workspace']['members'][number],
   '__typename'
 >;
-export function useMembers(workspaceId: string) {
+export function useMembers(
+  workspaceId: string,
+  skip: number,
+  take: number = 8
+) {
   const { data } = useQuery({
     query: getMembersByWorkspaceIdQuery,
     variables: {
       workspaceId,
+      skip,
+      take,
     },
   });
   return data.workspace.members;

apps/core/src/hooks/affine/use-revoke-member-permission.ts

@@ -12,11 +12,12 @@ export function useRevokeMemberPermission(workspaceId: string) {
 
   return useCallback(
     async (userId: string) => {
-      await trigger({
+      const res = await trigger({
         workspaceId,
         userId,
       });
       await mutate();
+      return res;
     },
     [mutate, trigger, workspaceId]
   );