fix: a series of bugs

2026-07-23 13:29:02 +08:00 · 2022-12-16 16:32:45 +08:00
parent 37aca4a99e
commit a8ba7afed2
29 changed files with 308 additions and 211 deletions
@@ -0,0 +1,67 @@
+import React, { useEffect, useState } from 'react';
+import {
+  StyledSearchArrowWrapper,
+  StyledSwitchWrapper,
+  StyledTitle,
+  StyledTitleWrapper,
+} from './styles';
+import { Content } from '@/ui/layout';
+import { useEditor } from '@/providers/editor-provider';
+import EditorModeSwitch from '@/components/editor-mode-switch';
+import QuickSearchButton from './quick-search-button';
+import Header from './header';
+
+export const EditorHeader = () => {
+  const [title, setTitle] = useState('');
+  const [isHover, setIsHover] = useState(false);
+
+  const { editor, onPropsUpdated, getPageMeta } = useEditor();
+
+  useEffect(() => {
+    onPropsUpdated(editor => {
+      setTitle(editor.model.title || 'Untitled');
+    });
+  }, [onPropsUpdated]);
+
+  useEffect(() => {
+    setTitle(editor?.model.title || 'Untitled');
+  }, [editor]);
+
+  const pageMeta = getPageMeta();
+
+  return (
+    <Header>
+      {title && (
+        <StyledTitle
+          onMouseEnter={() => {
+            if (pageMeta?.trash) return;
+
+            setIsHover(true);
+          }}
+          onMouseLeave={() => {
+            if (pageMeta?.trash) return;
+
+            setIsHover(false);
+          }}
+        >
+          <StyledTitleWrapper>
+            <StyledSwitchWrapper>
+              <EditorModeSwitch
+                isHover={isHover}
+                style={{
+                  marginRight: '12px',
+                }}
+              />
+            </StyledSwitchWrapper>
+            <Content ellipsis={true}>{title}</Content>
+            <StyledSearchArrowWrapper>
+              <QuickSearchButton />
+            </StyledSearchArrowWrapper>
+          </StyledTitleWrapper>
+        </StyledTitle>
+      )}
+    </Header>
+  );
+};
+
+export default EditorHeader;