toeverything/AFFiNE
1
1
Fork 0
mirror of https://github.com/toeverything/AFFiNE.git synced 2024-12-28 15:12:19 +03:00
Code Issues Packages Projects Releases Wiki Activity

feat(core): set document title when detail page render (#5418)

Browse Source
This commit is contained in:
Joooye_34 2023-12-27 15:25:26 +00:00
parent a6f5a03b8a
commit 6b9f77f511
No known key found for this signature in database
GPG Key ID: 3645F0B246B8EFC7
2 changed files with 18 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
packages/frontend/core/src/hooks/use-global-state.ts Normal file
View File

@ -0,0 +1,16 @@
import { noop } from 'lodash-es';
import { useEffect } from 'react';
export function useDocumentTitle(newTitle?: string | null) {
useEffect(() => {
if (environment.isDesktop || !newTitle) {
return noop;
}
const oldTitle = document.title;
document.title = newTitle;
return () => {
document.title = oldTitle;
};
}, [newTitle]);
}

2
packages/frontend/core/src/pages/workspace/detail-page/detail-page.tsx
View File

@ -35,6 +35,7 @@ import { PageDetailEditor } from '../../../components/page-detail-editor';
import { TrashPageFooter } from '../../../components/pure/trash-page-footer';
import { TopTip } from '../../../components/top-tip';
import { useRegisterBlocksuiteEditorCommands } from '../../../hooks/affine/use-register-blocksuite-editor-commands';
import { useDocumentTitle } from '../../../hooks/use-global-state';
import { useNavigateHelper } from '../../../hooks/use-navigate-helper';
import { performanceRenderLogger } from '../../../shared';
import { PageNotFound } from '../../404';
@ -114,6 +115,7 @@ const DetailPageImpl = memo(function DetailPageImpl({ page }: { page: Page }) {
const mode = useAtomValue(currentModeAtom);
const setPageMode = useSetAtom(setPageModeAtom);
useRegisterBlocksuiteEditorCommands(currentPageId, mode);
useDocumentTitle(pageMeta?.title ? `${pageMeta.title} · AFFiNE` : null);
const onLoad = useCallback(
(page: Page, editor: AffineEditorContainer) => {