fix: issues (#1460)

apps/web/src/components/blocksuite/header/editor-mode-switch/index.tsx

@@ -1,3 +1,4 @@
+import { toast } from '@affine/component';
 import { EdgelessIcon, PaperIcon } from '@blocksuite/icons';
 import { assertExists } from '@blocksuite/store';
 import { CSSProperties } from 'react';
@@ -40,6 +41,7 @@ export const EditorModeSwitch = ({
         hide={trash && mode !== 'page'}
         onClick={() => {
           setPageMeta(pageId, { mode: 'page' });
+          toast('Page mode');
         }}
       >
         <PaperIcon />
@@ -50,6 +52,7 @@ export const EditorModeSwitch = ({
         hide={trash && mode !== 'edgeless'}
         onClick={() => {
           setPageMeta(pageId, { mode: 'edgeless' });
+          toast('Edgeless mode');
         }}
       >
         <EdgelessIcon />

apps/web/src/components/blocksuite/header/header-right-items/SyncUser.tsx

@@ -142,7 +142,7 @@ export const SyncUser = () => {
   }
 
   return (
-    <Tooltip content={t('AFFiNE Cloud')} placement="bottom-end">
+    <Tooltip content={t('Synced with AFFiNE Cloud')} placement="bottom-end">
       <IconWrapper>
         <CloudWorkspaceIcon />
       </IconWrapper>

apps/web/src/components/blocksuite/header/index.tsx

@@ -55,7 +55,7 @@ export const BlockSuiteEditorHeader: React.FC<BlockSuiteEditorHeaderProps> = ({
       }
     >
       {children}
-      {title && !isPublic && (
+      {!isPublic && (
         <StyledTitle data-tauri-drag-region>
           <StyledTitleWrapper>
             <StyledSwitchWrapper>
@@ -67,7 +67,7 @@ export const BlockSuiteEditorHeader: React.FC<BlockSuiteEditorHeaderProps> = ({
                 }}
               />
             </StyledSwitchWrapper>
-            <Content ellipsis={true}>{title}</Content>
+            <Content ellipsis={true}>{title || 'Untitled'}</Content>
             <StyledSearchArrowWrapper>
               <QuickSearchButton
                 onClick={() => {