From ac0a3a4a5d6664617633ffa5cb9d851db475db4e Mon Sep 17 00:00:00 2001 From: Dustin Brett Date: Sat, 16 Jan 2021 22:44:46 -0800 Subject: [PATCH] Refactor Metadata --- components/pages/Metadata.tsx | 19 +++++++++++++++++++ pages/_app.tsx | 8 ++------ types/components/pages/Metadata.ts | 4 ++++ 3 files changed, 25 insertions(+), 6 deletions(-) create mode 100644 components/pages/Metadata.tsx create mode 100644 types/components/pages/Metadata.ts diff --git a/components/pages/Metadata.tsx b/components/pages/Metadata.tsx new file mode 100644 index 00000000..95128d46 --- /dev/null +++ b/components/pages/Metadata.tsx @@ -0,0 +1,19 @@ +import Head from 'next/head'; +import { + description as packageDescription, + name as packageName +} from 'package.json'; +import type { FC } from 'react'; +import type { MetadataProps } from 'types/components/pages/Metadata'; + +const Metadata: FC = ({ + description = packageDescription, + title = packageName +}) => ( + + + {title} + +); + +export default Metadata; diff --git a/pages/_app.tsx b/pages/_app.tsx index 747c4148..740c7ccc 100644 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -1,16 +1,12 @@ +import Metadata from 'components/pages/Metadata'; import StyledApp from 'components/pages/StyledApp'; import type { AppProps } from 'next/app'; -import Head from 'next/head'; -import { description, name } from 'package.json'; import type { ReactElement } from 'react'; export default function App({ Component, pageProps }: AppProps): ReactElement { return ( <> - - {name} - - + diff --git a/types/components/pages/Metadata.ts b/types/components/pages/Metadata.ts new file mode 100644 index 00000000..64c47847 --- /dev/null +++ b/types/components/pages/Metadata.ts @@ -0,0 +1,4 @@ +export type MetadataProps = { + description?: string; + title?: string; +};