chore: move favicon code to PageMetadata

2 years ago · 6cebcb3454
parent 8adf771339
commit 6cebcb3454
2 changed files with 4 additions and 6 deletions
--- a/src/components/UI/PageMetadata.tsx
+++ b/src/components/UI/PageMetadata.tsx
@ -43,7 +43,10 @@ export const PageMetadata: React.FC<Props> = ({ title, description, image }) =>
      <meta name='twitter:description' content={description} />
      {/* patch to force a cache invalidation of twitter's card bot */}
      <meta name='twitter:image' content={`${ogImage}/#`} />
-      <link rel='icon' href='/favicon.ico' />
+      {/* viewport */}
+      <meta name='viewport' content='width=device-width, initial-scale=1' />
+      {/* favicon */}
+      <link rel='icon' type='image/x-icon' href='/favicon.ico' />
    </Head>
  );
 };
--- a/src/pages/_app.tsx
+++ b/src/pages/_app.tsx
@ -16,11 +16,6 @@ export default function App({ Component, pageProps }: AppProps) {
    <ChakraProvider theme={theme}>
      <MDXProvider components={MDXComponents}>
        <Layout>
-          <Head>
-            <meta name='viewport' content='width=device-width, initial-scale=1' />
-            <link rel='icon' type='image/x-icon' href='/favicon.ico' />
-          </Head>
-
          <Component {...pageProps} />
        </Layout>
      </MDXProvider>