diff --git a/packages/app/src/components/create-workspace/index.tsx b/packages/app/src/components/create-workspace/index.tsx
index 43e18a6967..2356e493f2 100644
--- a/packages/app/src/components/create-workspace/index.tsx
+++ b/packages/app/src/components/create-workspace/index.tsx
@@ -79,9 +79,9 @@ const ContentTitle = styled('span')({
   paddingBottom: '16px',
 });
 
-const Footer = styled('div')({
-  height: '70px',
-  paddingLeft: '24px',
-  marginTop: '32px',
-  textAlign: 'center',
-});
+// const Footer = styled('div')({
+//   height: '70px',
+//   paddingLeft: '24px',
+//   marginTop: '32px',
+//   textAlign: 'center',
+// });
diff --git a/packages/app/src/components/invite-members/index.tsx b/packages/app/src/components/invite-members/index.tsx
index 44f4f6aaeb..6fb020fc52 100644
--- a/packages/app/src/components/invite-members/index.tsx
+++ b/packages/app/src/components/invite-members/index.tsx
@@ -4,7 +4,7 @@ import { Modal, ModalWrapper, ModalCloseButton } from '@/ui/modal';
 import { Button } from '@/ui/button';
 import Input from '@/ui/input';
 import { useState } from 'react';
-import { getDataCenter } from '@affine/datacenter';
+// import { getDataCenter } from '@affine/datacenter';
 import { Avatar } from '@mui/material';
 import { setMember } from '@/hooks/mock-data/mock';
 interface LoginModalProps {
diff --git a/packages/app/src/components/workspace-setting/MembersPage.tsx b/packages/app/src/components/workspace-setting/MembersPage.tsx
index 83407b6342..f74a84e90c 100644
--- a/packages/app/src/components/workspace-setting/MembersPage.tsx
+++ b/packages/app/src/components/workspace-setting/MembersPage.tsx
@@ -51,7 +51,7 @@ export const MembersPage = ({ workspace }: { workspace: Workspace }) => {
   useEffect(() => {
     setMembersList();
     // refreshMembers();
-  }, []);
+  });
 
   const setMembersList = () => {
     const members = getMembers(workspace.id);
diff --git a/packages/app/src/components/workspace-setting/general/delete/delete.tsx b/packages/app/src/components/workspace-setting/general/delete/delete.tsx
index 9594a75aad..df414d6bd6 100644
--- a/packages/app/src/components/workspace-setting/general/delete/delete.tsx
+++ b/packages/app/src/components/workspace-setting/general/delete/delete.tsx
@@ -11,9 +11,7 @@ import {
 import { useState } from 'react';
 import { ModalCloseButton } from '@/ui/modal';
 import { Button } from '@/ui/button';
-import { getDataCenter } from '@affine/datacenter';
 import { useRouter } from 'next/router';
-import { useAppState } from '@/providers/app-state-provider';
 import {
   deleteWorkspace,
   getWorkspaces,
diff --git a/packages/app/src/components/workspace-setting/general/general.tsx b/packages/app/src/components/workspace-setting/general/general.tsx
index 294b595606..0981a2a1fd 100644
--- a/packages/app/src/components/workspace-setting/general/general.tsx
+++ b/packages/app/src/components/workspace-setting/general/general.tsx
@@ -9,25 +9,24 @@ import { StyledSettingH2 } from '../style';
 import { useState } from 'react';
 import { Button, TextButton } from '@/ui/button';
 import Input from '@/ui/input';
-import { getDataCenter } from '@affine/datacenter';
-import { useAppState } from '@/providers/app-state-provider';
+// import { useAppState } from '@/providers/app-state-provider';
 import { WorkspaceDelete } from './delete';
-import { debounce } from '@/utils';
+// import { debounce } from '@/utils';
 import { WorkspaceLeave } from './leave';
 import { Upload } from '@/components/file-upload';
 import { Workspace } from '@/hooks/mock-data/mock';
 import { WorkspaceAvatar } from '@/components/workspace-avatar';
 import { useTemporaryHelper } from '@/providers/temporary-helper-provider';
 export const GeneralPage = ({ workspace }: { workspace: Workspace }) => {
-  const { refreshWorkspacesMeta } = useAppState();
+  // const { refreshWorkspacesMeta } = useAppState();
   const { updateWorkspaceMeta } = useTemporaryHelper();
   const [showDelete, setShowDelete] = useState<boolean>(false);
   const [showLeave, setShowLeave] = useState<boolean>(false);
   const [uploading, setUploading] = useState<boolean>(false);
   const [workspaceName, setWorkspaceName] = useState<string>('');
-  const debouncedRefreshWorkspacesMeta = debounce(() => {
-    refreshWorkspacesMeta();
-  }, 100);
+  // const debouncedRefreshWorkspacesMeta = debounce(() => {
+  //   refreshWorkspacesMeta();
+  // }, 100);
   const isOwner = true;
 
   const handleChangeWorkSpaceName = (newName: string) => {
@@ -51,6 +50,7 @@ export const GeneralPage = ({ workspace }: { workspace: Workspace }) => {
   };
 
   const fileChange = async (file: File) => {
+    console.log('file: ', file);
     setUploading(true);
     // const blob = new Blob([file], { type: file.type });
     // const blobId = await getDataCenter()
diff --git a/packages/app/src/components/workspace-setting/general/leave/leave.tsx b/packages/app/src/components/workspace-setting/general/leave/leave.tsx
index 79cadd6edb..4305400d08 100644
--- a/packages/app/src/components/workspace-setting/general/leave/leave.tsx
+++ b/packages/app/src/components/workspace-setting/general/leave/leave.tsx
@@ -8,7 +8,6 @@ import {
 import { ModalCloseButton } from '@/ui/modal';
 import { Button } from '@/ui/button';
 import { getDataCenter } from '@affine/datacenter';
-import { useRouter } from 'next/router';
 import { useAppState } from '@/providers/app-state-provider';
 
 interface WorkspaceDeleteProps {
@@ -23,7 +22,7 @@ export const WorkspaceLeave = ({
   onClose,
   workspaceId,
 }: WorkspaceDeleteProps) => {
-  const router = useRouter();
+  // const router = useRouter();
   const { refreshWorkspacesMeta } = useAppState();
   const handleLeave = async () => {
     const dc = await getDataCenter();
diff --git a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx
index 931499fe4f..5dabc24c20 100644
--- a/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx
+++ b/packages/app/src/components/workspace-slider-bar/WorkspaceSelector/WorkspaceSelector.tsx
@@ -11,7 +11,7 @@ export const WorkspaceSelector = () => {
     if (workspaceMetaList.length === 0) {
       setWorkspaceListShow(true);
     }
-  });
+  }, [workspaceMetaList]);
 
   return (
     <>
@@ -24,14 +24,17 @@ export const WorkspaceSelector = () => {
         <Avatar
           alt="Affine"
           data-testid="workspace-avatar"
-          src={currentWorkspace.avatar}
+          src={currentWorkspace?.avatar}
         >
           <div
             style={{
               float: 'left',
             }}
           >
-            <WorkspaceAvatar size={28} name={currentWorkspace.name} />
+            <WorkspaceAvatar
+              size={28}
+              name={currentWorkspace?.name ?? 'AFFiNE'}
+            />
           </div>
         </Avatar>
         <WorkspaceName data-testid="workspace-name">
diff --git a/packages/app/src/hooks/mock-data/mock.ts b/packages/app/src/hooks/mock-data/mock.ts
index 528aca5e1d..9a091e202e 100644
--- a/packages/app/src/hooks/mock-data/mock.ts
+++ b/packages/app/src/hooks/mock-data/mock.ts
@@ -1,5 +1,3 @@
-import { type } from 'os';
-
 export interface Workspace {
   name: string; // 名称
   id: string; //唯一标识
@@ -95,7 +93,7 @@ export function deleteMember(workspaceId: string, index: number) {
   memberMap[workspaceId] = memberList;
   localStorage.setItem('affine-member', JSON.stringify(memberMap));
 }
-export function leaveWorkspace(id: string) {
+export function leaveWorkspace() {
   return true;
 }