refactor: abstract header adapter (#2580)

2026-07-18 02:26:21 +08:00 · 2023-05-29 22:52:04 +08:00
parent 402d12a0e1
commit 20cc082a02
24 changed files with 283 additions and 183 deletions
@@ -0,0 +1,127 @@
+import { Button } from '@affine/component';
+import {
+  FilterList,
+  SaveViewButton,
+  useAllPageSetting,
+  ViewList,
+} from '@affine/component/page-list';
+import { config } from '@affine/env';
+import { useAFFiNEI18N } from '@affine/i18n/hooks';
+import type { WorkspaceHeaderProps } from '@affine/workspace/type';
+import { WorkspaceFlavour, WorkspaceSubPath } from '@affine/workspace/type';
+import {
+  DeleteTemporarilyIcon,
+  FolderIcon,
+  SettingsIcon,
+  ShareIcon,
+} from '@blocksuite/icons';
+import type { ReactElement } from 'react';
+import React from 'react';
+
+import { BlockSuiteEditorHeader } from './blocksuite/workspace-header';
+import { WorkspaceTitle } from './pure/workspace-title';
+
+export function WorkspaceHeader({
+  currentWorkspace,
+  currentEntry,
+}: WorkspaceHeaderProps<WorkspaceFlavour>): ReactElement {
+  const setting = useAllPageSetting();
+  const t = useAFFiNEI18N();
+  if ('subPath' in currentEntry) {
+    if (currentEntry.subPath === WorkspaceSubPath.ALL) {
+      const leftSlot = config.enableAllPageFilter && (
+        <ViewList setting={setting}></ViewList>
+      );
+      const filterContainer = config.enableAllPageFilter &&
+        setting.currentView.filterList.length > 0 && (
+          <div style={{ padding: 12, display: 'flex' }}>
+            <div style={{ flex: 1 }}>
+              <FilterList
+                value={setting.currentView.filterList}
+                onChange={filterList =>
+                  setting.changeView(
+                    {
+                      ...setting.currentView,
+                      filterList,
+                    },
+                    setting.currentViewIndex
+                  )
+                }
+              />
+            </div>
+            <div>
+              {setting.currentViewIndex == null ? (
+                <SaveViewButton
+                  init={setting.currentView.filterList}
+                  onConfirm={setting.createView}
+                ></SaveViewButton>
+              ) : (
+                <Button onClick={() => setting.selectView()}>
+                  Back to all
+                </Button>
+              )}
+            </div>
+          </div>
+        );
+
+      return (
+        <>
+          <WorkspaceTitle
+            workspace={currentWorkspace}
+            currentPage={null}
+            isPublic={false}
+            icon={<FolderIcon />}
+            leftSlot={leftSlot}
+          >
+            {t['All pages']()}
+          </WorkspaceTitle>
+          {filterContainer}
+        </>
+      );
+    } else if (currentEntry.subPath === WorkspaceSubPath.SETTING) {
+      return (
+        <WorkspaceTitle
+          workspace={currentWorkspace}
+          currentPage={null}
+          isPublic={false}
+          icon={<SettingsIcon />}
+        >
+          {t['Workspace Settings']()}
+        </WorkspaceTitle>
+      );
+    } else if (currentEntry.subPath === WorkspaceSubPath.SHARED) {
+      return (
+        <WorkspaceTitle
+          workspace={currentWorkspace}
+          currentPage={null}
+          isPublic={false}
+          icon={<ShareIcon />}
+        >
+          {t['Shared Pages']()}
+        </WorkspaceTitle>
+      );
+    } else if (currentEntry.subPath === WorkspaceSubPath.TRASH) {
+      return (
+        <WorkspaceTitle
+          workspace={currentWorkspace}
+          currentPage={null}
+          isPublic={false}
+          icon={<DeleteTemporarilyIcon />}
+        >
+          {t['Trash']()}
+        </WorkspaceTitle>
+      );
+    }
+  } else if ('pageId' in currentEntry) {
+    const pageId = currentEntry.pageId;
+    const isPublic = currentWorkspace.flavour === WorkspaceFlavour.PUBLIC;
+    return (
+      <BlockSuiteEditorHeader
+        isPublic={isPublic}
+        workspace={currentWorkspace}
+        currentPage={currentWorkspace.blockSuiteWorkspace.getPage(pageId)}
+      />
+    );
+  }
+  return <></>;
+}