feat(core): selector for editorSetting hooks (#8108)

packages/frontend/core/src/components/affine/page-properties/table.tsx

@@ -603,7 +603,9 @@ export const PagePropertiesTableHeader = ({
   const docBacklinks = docLinksServices.backlinks;
   const backlinks = useLiveData(docBacklinks.backlinks$);
 
-  const settings = useLiveData(editorSettingService.editorSetting.settings$);
+  const displayDocInfo = useLiveData(
+    editorSettingService.editorSetting.settings$.selector(s => s.displayDocInfo)
+  );
 
   const { syncing, retrying, serverClock } = useLiveData(
     workspaceService.workspace.engine.doc.docState$(docService.doc.id)
@@ -696,7 +698,7 @@ export const PagePropertiesTableHeader = ({
         {dTimestampElement}
       </div>
       <Divider />
-      {settings.displayDocInfo ? (
+      {displayDocInfo ? (
         <div className={styles.tableHeaderSecondaryRow}>
           <div className={clsx(!open ? styles.pageInfoDimmed : null)}>
             {t['com.affine.page-properties.page-info']()}

packages/frontend/core/src/components/blocksuite/block-suite-editor/lit-adaper.tsx

@@ -191,7 +191,11 @@ export const BlocksuiteDocEditor = forwardRef<
 
   const [specs, portals] = usePatchSpecs(page, !!shared, 'page');
 
-  const settings = useLiveData(editorSettingService.editorSetting.settings$);
+  const displayBiDirectionalLink = useLiveData(
+    editorSettingService.editorSetting.settings$.selector(
+      s => s.displayBiDirectionalLink
+    )
+  );
 
   return (
     <>
@@ -210,7 +214,7 @@ export const BlocksuiteDocEditor = forwardRef<
           hasViewport={false}
         />
         <div className={styles.docEditorGap} onClick={onClickBlank}></div>
-        {!shared && settings.displayBiDirectionalLink ? (
+        {!shared && displayBiDirectionalLink ? (
           <BiDirectionalLinkPanel />
         ) : null}
       </div>