diff --git a/packages/frontend/core/src/components/blocksuite/block-suite-mode-switch/index.tsx b/packages/frontend/core/src/components/blocksuite/block-suite-mode-switch/index.tsx
index 11ffd32478..f3e7b0ee3e 100644
--- a/packages/frontend/core/src/components/blocksuite/block-suite-mode-switch/index.tsx
+++ b/packages/frontend/core/src/components/blocksuite/block-suite-mode-switch/index.tsx
@@ -1,4 +1,4 @@
-import { RadioGroup, type RadioItem, Tooltip } from '@affine/component';
+import { RadioGroup, type RadioItem } from '@affine/component';
import { registerAffineCommand } from '@affine/core/commands';
import { EditorService } from '@affine/core/modules/editor';
import { ViewService, WorkbenchService } from '@affine/core/modules/workbench';
@@ -92,21 +92,12 @@ export const EditorModeSwitch = () => {
}, [currentMode, isActiveView, isSharedMode, onModeChange, t, trash]);
return (
-
-
-
+
);
};
diff --git a/packages/frontend/core/src/components/blocksuite/block-suite-mode-switch/switch-items.tsx b/packages/frontend/core/src/components/blocksuite/block-suite-mode-switch/switch-items.tsx
index 87f5baa59e..021fe8f0f4 100644
--- a/packages/frontend/core/src/components/blocksuite/block-suite-mode-switch/switch-items.tsx
+++ b/packages/frontend/core/src/components/blocksuite/block-suite-mode-switch/switch-items.tsx
@@ -1,7 +1,9 @@
+import { Tooltip } from '@affine/component';
import {
type CustomLottieProps,
InternalLottie,
} from '@affine/component/internal-lottie';
+import { useI18n } from '@affine/i18n';
import type { HTMLAttributes } from 'react';
import type React from 'react';
import { cloneElement, useState } from 'react';
@@ -58,19 +60,33 @@ const edgelessLottieOptions = {
export const PageSwitchItem = (
props: Omit
) => {
+ const t = useI18n();
return (
-
-
-
+
+
+
+
+
);
};
export const EdgelessSwitchItem = (
props: Omit
) => {
+ const t = useI18n();
return (
-
-
-
+
+
+
+
+
);
};
diff --git a/packages/frontend/i18n/src/resources/en.json b/packages/frontend/i18n/src/resources/en.json
index 588ab161fc..5fd3a06774 100644
--- a/packages/frontend/i18n/src/resources/en.json
+++ b/packages/frontend/i18n/src/resources/en.json
@@ -514,6 +514,8 @@
"com.affine.filter.save-view": "Save view",
"com.affine.filter.true": "true",
"com.affine.filterList.button.add": "Add filter",
+ "com.affine.header.mode-switch.page": "View in Page mode",
+ "com.affine.header.mode-switch.edgeless": "View in Edgeless Canvas",
"com.affine.header.option.add-tag": "Add tag",
"com.affine.header.option.duplicate": "Duplicate",
"com.affine.header.option.open-in-desktop": "Open in desktop app",