feat: add page setting atom (#2725)

(cherry picked from commit 9f129075dd)

apps/web/src/components/pure/quick-search-modal/results.tsx

@@ -5,12 +5,13 @@ import { assertExists } from '@blocksuite/store';
 import { useBlockSuitePageMeta } from '@toeverything/hooks/use-block-suite-page-meta';
 import { useBlockSuiteWorkspaceHelper } from '@toeverything/hooks/use-block-suite-workspace-helper';
 import { Command } from 'cmdk';
+import { useAtomValue } from 'jotai';
 import Image from 'next/legacy/image';
 import type { NextRouter } from 'next/router';
 import type { Dispatch, FC, SetStateAction } from 'react';
 import { useEffect } from 'react';
 
-import { useRecentlyViewed } from '../../../hooks/use-recent-views';
+import { recentPageSettingsAtom } from '../../../atoms';
 import { useRouterHelper } from '../../../hooks/use-router-helper';
 import type { BlockSuiteWorkspace } from '../../../shared';
 import { useSwitchToConfig } from './config';
@@ -35,7 +36,7 @@ export const Results: FC<ResultsProps> = ({
   assertExists(blockSuiteWorkspace.id);
   const List = useSwitchToConfig(blockSuiteWorkspace.id);
 
-  const recentlyViewed = useRecentlyViewed();
+  const recentPageSetting = useAtomValue(recentPageSettingsAtom);
   const t = useAFFiNEI18N();
   const { jumpToPage } = useRouterHelper(router);
   const results = blockSuiteWorkspace.search(query);
@@ -45,7 +46,8 @@ export const Results: FC<ResultsProps> = ({
   const resultsPageMeta = pageList.filter(
     page => pageIds.indexOf(page.id) > -1 && !page.trash
   );
-  const recentlyViewedItem = recentlyViewed.filter(recent => {
+
+  const recentlyViewedItem = recentPageSetting.filter(recent => {
     const page = pageList.find(page => recent.id === page.id);
     if (!page) {
       return false;

apps/web/src/components/pure/workspace-slider-bar/favorite/favorite-list.tsx

@@ -8,7 +8,7 @@ import { useAtomValue } from 'jotai';
 import { useRouter } from 'next/router';
 import { useMemo, useState } from 'react';
 
-import { workspacePreferredModeAtom } from '../../../../atoms';
+import { pageSettingFamily } from '../../../../atoms';
 import type { FavoriteListProps } from '../index';
 import EmptyItem from './empty-item';
 import * as styles from './styles.css';
@@ -27,9 +27,9 @@ function FavoriteMenuItem({
   parentIds,
 }: FavoriteMenuItemProps) {
   const router = useRouter();
-  const record = useAtomValue(workspacePreferredModeAtom);
+  const setting = useAtomValue(pageSettingFamily(pageId));
   const active = router.query.pageId === pageId;
-  const icon = record[pageId] === 'edgeless' ? <EdgelessIcon /> : <PageIcon />;
+  const icon = setting?.mode === 'edgeless' ? <EdgelessIcon /> : <PageIcon />;
   const references = useBlockSuitePageReferences(workspace, pageId);
   const referencesToShow = useMemo(() => {
     return [

apps/web/src/components/pure/workspace-title/index.tsx

@@ -5,7 +5,10 @@ import { useAtom } from 'jotai';
 import type { ReactNode } from 'react';
 import type React from 'react';
 
-import { openQuickSearchModalAtom, pageModeSelectAtom } from '../../../atoms';
+import {
+  allPageModeSelectAtom,
+  openQuickSearchModalAtom,
+} from '../../../atoms';
 import type { HeaderProps } from '../../blocksuite/workspace-header/header';
 import { Header } from '../../blocksuite/workspace-header/header';
 import * as styles from '../../blocksuite/workspace-header/styles.css';
@@ -40,7 +43,7 @@ export const WorkspaceTitle: React.FC<WorkspaceTitleProps> = ({
 
 export const WorkspaceModeFilterTab = ({ ...props }: WorkspaceTitleProps) => {
   const t = useAFFiNEI18N();
-  const [value, setMode] = useAtom(pageModeSelectAtom);
+  const [value, setMode] = useAtom(allPageModeSelectAtom);
   const handleValueChange = (value: string) => {
     if (value !== 'all' && value !== 'page' && value !== 'edgeless') {
       throw new Error('Invalid value for page mode option');