fix: page list all, favorite, trash

packages/app/src/pages/workspace/[workspaceId]/all.tsx

@@ -1,12 +1,14 @@
-import { useEditor } from '@/providers/editor-provider';
+import { usePageList } from '@/providers/app-state-provider/usePageList';
+import { useLoadWorkspace } from '@/providers/app-state-provider/hooks';
 import { PageList } from '@/components/page-list';
 import { AllPagesIcon } from '@blocksuite/icons';
 
 import { PageListHeader } from '@/components/header';
 
-export const All = () => {
-  const { pageList: allPageList } = useEditor();
-  return (
+const All = () => {
+  const workspace = useLoadWorkspace();
+  const allPageList = usePageList(workspace);
+  return workspace ? (
     <>
       <PageListHeader icon={<AllPagesIcon />}>All Page</PageListHeader>
       <PageList
@@ -14,7 +16,7 @@ export const All = () => {
         showFavoriteTag={true}
       />
     </>
-  );
+  ) : null;
 };
 
 export default All;

packages/app/src/pages/workspace/[workspaceId]/favorite.tsx

@@ -1,16 +1,18 @@
+import { usePageList } from '@/providers/app-state-provider/usePageList';
+import { useLoadWorkspace } from '@/providers/app-state-provider/hooks';
 import { PageListHeader } from '@/components/header';
-import { useEditor } from '@/providers/editor-provider';
 import { PageList } from '@/components/page-list';
 import { FavouritesIcon } from '@blocksuite/icons';
 
 export const Favorite = () => {
-  const { pageList: allPageList } = useEditor();
-  return (
+  const workspace = useLoadWorkspace();
+  const allPageList = usePageList(workspace);
+  return workspace ? (
     <>
       <PageListHeader icon={<FavouritesIcon />}>Favourites</PageListHeader>
       <PageList pageList={allPageList.filter(p => p.favorite && !p.trash)} />
     </>
-  );
+  ) : null;
 };
 
 export default Favorite;

packages/app/src/pages/workspace/[workspaceId]/trash.tsx

@@ -1,15 +1,17 @@
+import { usePageList } from '@/providers/app-state-provider/usePageList';
+import { useLoadWorkspace } from '@/providers/app-state-provider/hooks';
 import { PageListHeader } from '@/components/header';
-import { useEditor } from '@/providers/editor-provider';
 import { PageList } from '@/components/page-list';
 import { TrashIcon } from '@blocksuite/icons';
 export const Trash = () => {
-  const { pageList: allPageList } = useEditor();
-  return (
+  const workspace = useLoadWorkspace();
+  const allPageList = usePageList(workspace);
+  return workspace ? (
     <>
       <PageListHeader icon={<TrashIcon />}>Trash</PageListHeader>
       <PageList pageList={allPageList.filter(p => p.trash)} isTrash={true} />
     </>
-  );
+  ) : null;
 };
 
 export default Trash;