feat: use static theme color

Yukaii · Apr 5, 2022 · 147733d · 147733d · vercel · Apr 5, 2022
1 parent 0125f14
commit 147733d
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 14 deletions.
diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -40,6 +40,9 @@ function MyApp({ Component, pageProps }: AppProps) {
           />
           <meta name='msapplication-TileColor' content='#2B5797' />
           <meta name='msapplication-tap-highlight' content='no' />
+
+          <title>Messenger Archive Viewer</title>
+          <meta name='theme-color' content='#121212' />
         </Head>
 
         <Component {...pageProps}></Component>

diff --git a/src/pages/index.tsx b/src/pages/index.tsx
@@ -6,7 +6,6 @@ import {
   SunIcon,
 } from '@heroicons/react/outline';
 import cx from 'classnames';
-import Head from 'next/head';
 import randomColor from 'randomcolor';
 import { useMemo, useState } from 'react';
 import useSWR from 'swr';
@@ -143,22 +142,10 @@ export default function HomePage() {
   };
 
   if (!data || data.length === 0) {
-    return (
-      <>
-        <Head>
-          <title>Messenger Archive Viewer</title>
-          <meta name='theme-color' content={dark ? '#121212' : '#ffffff'} />
-        </Head>
-        <StartScreen openDirPicker={openDirPicker} />
-      </>
-    );
+    return <StartScreen openDirPicker={openDirPicker} />;
   } else {
     return (
       <div className='flex h-full'>
-        <Head>
-          <title>Messenger Archive Viewer</title>
-          <meta name='theme-color' content={dark ? '#121212' : '#ffffff'} />
-        </Head>
         {/* Sidebar */}
         <div
           className='flex h-full max-h-full w-full flex-col border-r border-solid dark:border-gray-600'