feat: workspace setting

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

@@ -17,12 +17,13 @@ import { Button, IconButton } from '@/ui/button';
 import { InviteMembers } from '../invite-members/index';
 import { Menu, MenuItem } from '@/ui/menu';
 import { Empty } from '@/ui/empty';
-import {
-  deleteMember,
-  getMembers,
-  User,
-  Workspace,
-} from '@/hooks/mock-data/mock';
+// import {
+//   deleteMember,
+//   getMembers,
+//   User,
+//   Workspace,
+// } from '@/hooks/mock-data/mock';
+import { Workspace } from '@affine/datacenter';
 import { useTemporaryHelper } from '@/providers/temporary-helper-provider';
 import { StyledMemberWarp } from './general/style';
 import { useConfirm } from '@/providers/ConfirmProvider';
@@ -30,7 +31,9 @@ import { useConfirm } from '@/providers/ConfirmProvider';
 // import { useAppState } from '@/providers/app-state-provider';
 export const MembersPage = ({ workspace }: { workspace: Workspace }) => {
   const [isInviteModalShow, setIsInviteModalShow] = useState(false);
-  const [members, setMembers] = useState<User[]>([]);
+  const [members, setMembers] = useState<[{ name: string; email: string }]>([
+    { name: 'affine', email: 'tttt' },
+  ]);
   const { user, login, updateWorkspaceMeta } = useTemporaryHelper();
   const { confirm } = useConfirm();
   // const refreshMembers = useCallback(() => {
@@ -48,8 +51,8 @@ export const MembersPage = ({ workspace }: { workspace: Workspace }) => {
   //     });
   // }, [workspace.id]);
   const setMembersList = () => {
-    const members = getMembers(workspace.id);
-    members && setMembers(members);
+    // const members = getMembers(workspace.id);
+    // members && setMembers(members);
   };
   useEffect(() => {
     setMembersList();
@@ -58,7 +61,7 @@ export const MembersPage = ({ workspace }: { workspace: Workspace }) => {
 
   return (
     <div>
-      {workspace.type === 'cloud' ? (
+      {workspace.provider === 'cloud' ? (
         <>
           <StyledMemberTitleContainer>
             <StyledMemberNameContainer>
@@ -67,13 +70,6 @@ export const MembersPage = ({ workspace }: { workspace: Workspace }) => {
             <StyledMemberRoleContainer>Access level</StyledMemberRoleContainer>
           </StyledMemberTitleContainer>
           <StyledMemberListContainer>
-            {members.length === 0 && (
-              <Empty
-                width={648}
-                sx={{ marginTop: '60px' }}
-                height={300}
-              ></Empty>
-            )}
             {members.length ? (
               members.map((member, index) => {
                 return (
@@ -103,7 +99,7 @@ export const MembersPage = ({ workspace }: { workspace: Workspace }) => {
                           <>
                             <MenuItem
                               onClick={() => {
-                                deleteMember(workspace.id, 0);
+                                // deleteMember(workspace.id, 0);
                                 setMembersList();
                                 // confirm({
                                 //   title: 'Delete Member?',
@@ -142,7 +138,11 @@ export const MembersPage = ({ workspace }: { workspace: Workspace }) => {
                 );
               })
             ) : (
-              <></>
+              <Empty
+                width={648}
+                sx={{ marginTop: '60px' }}
+                height={300}
+              ></Empty>
             )}
           </StyledMemberListContainer>
           <StyledMemberButtonContainer>