chore: optimized style (#4098)

packages/component/src/components/block-suite-editor/index.tsx

@@ -102,6 +102,9 @@ const BlockSuiteEditorImpl = (props: EditorProps): ReactElement => {
   }, [editor]);
 
   useEffect(() => {
+    if (page.meta.trash) {
+      return;
+    }
     editor
       .createBlockHub()
       .then(blockHub => {
@@ -122,7 +125,7 @@ const BlockSuiteEditorImpl = (props: EditorProps): ReactElement => {
       }
       blockHubRef.current?.remove();
     };
-  }, [editor, page.awarenessStore, setBlockHub]);
+  }, [editor, page.awarenessStore, page.meta.trash, setBlockHub]);
 
   // issue: https://github.com/toeverything/AFFiNE/issues/2004
   const className = `editor-wrapper ${editor.mode}-mode ${

packages/component/src/components/page-list/operation-menu-items/move-to-trash.tsx

@@ -43,6 +43,7 @@ const ConfirmModal = ({
       content={t['will be moved to Trash']({
         title: title || 'Untitled',
       })}
+      confirmButtonTestId="confirm-delete-page"
       confirmText={t.Delete()}
       confirmType="error"
       {...confirmModalProps}

packages/component/src/ui/button/styles.css.ts

@@ -86,6 +86,8 @@ export const radioButtonContent = style({
 export const radioUncheckedButton = style([
   radioButtonContent,
   {
+    color: 'var(--affine-text-secondary-color)',
+    filter: 'none',
     selectors: {
       '[data-state="checked"] > &': {
         display: 'none',