refactor: workspace header (#1880)

apps/web/src/components/pure/workspace-list-modal/index.tsx

@@ -7,6 +7,8 @@ import {
 import { WorkspaceList } from '@affine/component/workspace-list';
 import { useTranslation } from '@affine/i18n';
 import type { AccessTokenMessage } from '@affine/workspace/affine/login';
+import type { AffineWorkspace, LocalWorkspace } from '@affine/workspace/type';
+import { WorkspaceFlavour } from '@affine/workspace/type';
 import { HelpIcon, PlusIcon } from '@blocksuite/icons';
 import type { DragEndEvent } from '@dnd-kit/core';
 import { useCallback } from 'react';
@@ -99,7 +101,11 @@ export const WorkspaceListModal = ({
         <StyledModalContent>
           <WorkspaceList
             disabled={disabled}
-            items={workspaces}
+            items={
+              workspaces.filter(
+                ({ flavour }) => flavour !== WorkspaceFlavour.PUBLIC
+              ) as (AffineWorkspace | LocalWorkspace)[]
+            }
             currentWorkspaceId={currentWorkspaceId}
             onClick={onClickWorkspace}
             onSettingClick={onClickWorkspaceSetting}

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

@@ -3,21 +3,25 @@ import type { ReactNode } from 'react';
 import type React from 'react';
 
 import { openQuickSearchModalAtom } from '../../../atoms';
-import Header from '../../blocksuite/header/header';
-import { StyledPageListTittleWrapper } from '../../blocksuite/header/styles';
+import type { HeaderProps } from '../../blocksuite/workspace-header/header';
+import { Header } from '../../blocksuite/workspace-header/header';
+import { StyledPageListTittleWrapper } from '../../blocksuite/workspace-header/styles';
 import { QuickSearchButton } from '../quick-search-button';
 
-export type WorkspaceTitleProps = React.PropsWithChildren<{
-  icon?: ReactNode;
-}>;
+export type WorkspaceTitleProps = React.PropsWithChildren<
+  HeaderProps & {
+    icon?: ReactNode;
+  }
+>;
 
 export const WorkspaceTitle: React.FC<WorkspaceTitleProps> = ({
   icon,
   children,
+  ...props
 }) => {
   const setOpenQuickSearch = useSetAtom(openQuickSearchModalAtom);
   return (
-    <Header>
+    <Header {...props}>
       <StyledPageListTittleWrapper>
         {icon}
         {children}