fix: setting style and replace refer

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

@@ -43,24 +43,12 @@ export const GeneralPage = ({ workspace }: { workspace: WorkspaceInfo }) => {
   const handleUpdateWorkspaceName = () => {
     console.log('currentWorkspace: ', currentWorkspace);
     updateWorkspace({ name: workspaceName }, currentWorkspace);
-    // workspace && currentWorkspace(workspace.id, { name: workspaceName });
   };
 
   const fileChange = async (file: File) => {
-    console.log('file: ', file);
+    // console.log('file: ', file);
     setUploading(true);
-    // const blob = new Blob([file], { type: file.type });
-    // 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);
-    //   setUploading(false);
-    //   debouncedRefreshWorkspacesMeta();
-    // }
+    const blob = new Blob([file], { type: file.type });
   };
 
   return workspace ? (
@@ -73,7 +61,11 @@ export const GeneralPage = ({ workspace }: { workspace: WorkspaceInfo }) => {
             marginRight: '20px',
           }}
         >
-          <WorkspaceAvatar size={60} name={workspace.name} />
+          <WorkspaceAvatar
+            size={60}
+            name={workspace.name}
+            avatar={workspace.avatar ?? ''}
+          />
         </div>
         <Upload
           accept="image/gif,image/jpeg,image/jpg,image/png,image/svg"

packages/app/src/components/workspace-setting/index.ts

@@ -2,3 +2,4 @@ export * from './general';
 export * from './ExportPage';
 export * from './MembersPage';
 export * from './SyncPage';
+export * from './PublishPage';

packages/app/src/components/workspace-setting/style.ts

@@ -22,7 +22,6 @@ export const StyledSettingSidebar = styled('div')(({ theme }) => {
 export const StyledSettingContent = styled('div')(() => {
   return {
     paddingLeft: '48px',
-    height: '620px',
   };
 });
 
@@ -30,7 +29,6 @@ export const StyledSetting = styled('div')(({ theme }) => {
   {
     return {
       width: '236px',
-      height: '620px',
       background: theme.mode === 'dark' ? '#272727' : '#FBFBFC',
     };
   }
@@ -136,7 +134,6 @@ export const StyledMemberRoleContainer = styled('div')(() => {
 export const StyledMemberListContainer = styled('ul')(() => {
   return {
     marginTop: '15px',
-    height: '432px',
     overflowY: 'scroll',
   };
 });
@@ -220,7 +217,6 @@ export const StyledCopyButtonContainer = styled('div')(() => {
 
 export const StyledPublishContent = styled('div')(() => {
   return {
-    height: '494px',
     display: 'flex',
     flexDirection: 'column',
   };