refactor: refactor code a bit

make a hook to abstarct logic from page changes to .prettierrc changes to a couple of imports/exports bunch of screen reader tweaks
2022-12-31 22:02:24 +05:30
parent 64f3896258
commit 57b050f196
18 changed files with 226 additions and 208 deletions
--- a/src/components/meta/Meta.tsx
+++ b/src/components/meta/Meta.tsx
@ -0,0 +1,40 @@
+import Head from 'next/head';
+
+type Props = {
+  title: string;
+  description?: string;
+  imgUrl?: string;
+};
+
+const Meta = ({
+  title,
+  description = 'libremdb, a free & open source IMDb front-end.',
+  imgUrl = 'icon.svg',
+}: Props) => {
+  return (
+    <Head>
+      <meta charSet='UTF-8' />
+      <meta httpEquiv='X-UA-Compatible' content='IE=edge' />
+      <meta name='viewport' content='width=device-width, initial-scale=1.0' />
+
+      <title key='title'>{`${title} | libremdb`}</title>
+      <meta key='desc' name='description' content={description} />
+      <link rel='icon' href='/favicon.ico' sizes='any' />
+      <link rel='icon' href='/icon.svg' type='image/svg+xml' />
+      <link rel='apple-touch-icon' href='/apple-touch-icon.png' />
+      <link rel='manifest' href='/site.webmanifest' />
+      <meta name='theme-color' content='#ffe5ef' />
+
+      <meta property='og:title' content={title} />
+      <meta property='og:description' content={description} />
+      <meta property='og:site_name' content='libremdb' />
+      <meta property='og:locale' content='en_US' />
+      <meta property='og:type' content='video.movie' />
+      <meta
+        property='og:image'
+        content={`${process.env.NEXT_PUBLIC_URL}/${imgUrl}`}
+      />
+    </Head>
+  );
+};
+export default Meta;