github/plane
0
0
Fork 1
mirror of https://github.com/makeplane/plane synced 2024-06-14 14:31:34 +00:00
Code Issues Packages Projects Releases Wiki Activity

[WEB-1574] chore: page head (#4773)

Browse Source 
* chore: page head component refactor

* chore: page head component refactor
This commit is contained in:
Anmol Singh Bhatia 2024-06-12 13:12:08 +05:30 committed by GitHub
parent 8ccd37d777
commit f4ceaaf01c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
5 changed files with 18 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
packages/ui/src/hooks/index.ts Normal file
View File

@ -0,0 +1 @@
export * from "./use-page-title";

13
packages/ui/src/hooks/use-page-title.tsx Normal file
View File

@ -0,0 +1,13 @@
import { useEffect } from "react";
interface IUseHeadParams {
title?: string;
}
export const useHead = ({ title }: IUseHeadParams) => {
useEffect(() => {
if (title) {
document.title = title ?? "Plane | Simple, extensible, open-source project management tool.";
}
}, [title]);
};

1
packages/ui/src/index.ts
View File

@ -17,3 +17,4 @@ export * from "./drag-handle";
export * from "./typography"; export * from "./typography";
export * from "./drop-indicator"; export * from "./drop-indicator";
export * from "./sortable"; export * from "./sortable";
export * from "./hooks";

10
web/core/components/core/page-title.tsx
View File

@ -1,4 +1,4 @@
import Head from "next/head"; import { useHead } from "@plane/ui";
type PageHeadTitleProps = { type PageHeadTitleProps = {
title?: string; title?: string;
@ -8,11 +8,7 @@ type PageHeadTitleProps = {
export const PageHead: React.FC<PageHeadTitleProps> = (props) => { export const PageHead: React.FC<PageHeadTitleProps> = (props) => {
const { title } = props; const { title } = props;
if (!title) return null; useHead({ title });
return ( return null;
<Head>
<title>{title}</title>
</Head>
);
}; };

22
web/core/hooks/use-page-title.tsx
View File

@ -1,22 +0,0 @@
import { useEffect } from "react";
import Head from "next/head";
interface IUseHeadParams {
title?: string;
}
const useHead = ({ title }: IUseHeadParams) => {
useEffect(() => {
if (title) {
document.title = title;
}
}, [title]);
return (
<Head>
<title>{title || "Plane | Simple, extensible, open-source project management tool."}</title>
</Head>
);
};
export default useHead;