fix:member init

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

@@ -46,6 +46,7 @@ import { GeneralPage } from './general';
 import {
   getActiveWorkspace,
   getUserInfo,
+  Login,
   setWorkspacePublish,
   User,
   Workspace,
@@ -179,13 +180,19 @@ const MembersPage = ({ workspace }: { workspace: Workspace }) => {
   // }, [workspace.id]);
 
   useEffect(() => {
-    const user = getUserInfo();
+    setUser();
-    user && setUserInfo(user);
     // refreshMembers();
   }, []);
 
+  const setUser = () => {
+    const user = getUserInfo();
+    user && setUserInfo(user);
+  };
+
   return (
     <div>
+      {userInfo ? (
+        <>
           <StyledMemberTitleContainer>
             <StyledMemberNameContainer>
               Users({members.length})
@@ -194,7 +201,11 @@ const MembersPage = ({ workspace }: { workspace: Workspace }) => {
           </StyledMemberTitleContainer>
           <StyledMemberListContainer>
             {members.length === 0 && (
-          <Empty width={648} sx={{ marginTop: '60px' }} height={300}></Empty>
+              <Empty
+                width={648}
+                sx={{ marginTop: '60px' }}
+                height={300}
+              ></Empty>
             )}
             {members.length ? (
               members.map(member => {
@@ -211,11 +222,15 @@ const MembersPage = ({ workspace }: { workspace: Workspace }) => {
 
                       <StyledMemberInfo>
                         {member.user.type === 'Registered' ? (
-                      <StyledMemberName>{member.user.name}</StyledMemberName>
+                          <StyledMemberName>
+                            {member.user.name}
+                          </StyledMemberName>
                         ) : (
                           <></>
                         )}
-                    <StyledMemberEmail>{member.user.email}</StyledMemberEmail>
+                        <StyledMemberEmail>
+                          {member.user.email}
+                        </StyledMemberEmail>
                       </StyledMemberInfo>
                     </StyledMemberNameContainer>
                     <StyledMemberRoleContainer>
@@ -292,6 +307,24 @@ const MembersPage = ({ workspace }: { workspace: Workspace }) => {
               open={isInviteModalShow}
             ></InviteMembers>
           </StyledMemberButtonContainer>
+        </>
+      ) : (
+        <>
+          <div>
+            Collaborating with other members requires AFFiNE Cloud service.
+          </div>
+          <div>
+            <Button
+              onClick={() => {
+                Login();
+                setUser();
+              }}
+            >
+              Enable AFFiNE Cloud
+            </Button>
+          </div>
+        </>
+      )}
     </div>
   );
 };