feat: modify page list

This commit is contained in:
QiShaoXuan
2022-12-09 19:01:16 +08:00
parent 4699f8f3bf
commit 4e868da0da
15 changed files with 568 additions and 252 deletions
@@ -6,7 +6,7 @@ import EditorModeSwitch from '@/components/editor-mode-switch';
import Header from './header';
export const PageHeader = () => {
const [title, setTitle] = useState('');
const [title, setTitle] = useState('Untitled');
const [isHover, setIsHover] = useState(false);
const { editor } = useEditor();
@@ -22,24 +22,22 @@ export const PageHeader = () => {
return (
<Header>
{title ? (
<StyledTitle
onMouseEnter={() => {
setIsHover(true);
<StyledTitle
onMouseEnter={() => {
setIsHover(true);
}}
onMouseLeave={() => {
setIsHover(false);
}}
>
<EditorModeSwitch
isHover={isHover}
style={{
marginRight: '12px',
}}
onMouseLeave={() => {
setIsHover(false);
}}
>
<EditorModeSwitch
isHover={isHover}
style={{
marginRight: '12px',
}}
/>
<StyledTitleWrapper>{title}</StyledTitleWrapper>
</StyledTitle>
) : null}
/>
<StyledTitleWrapper>{title}</StyledTitleWrapper>
</StyledTitle>
</Header>
);
};