feature: major refactor + overall site improvment

nanahq · Apr 13, 2024 · 1d22762 · 1d22762
1 parent 070d97f
commit 1d22762
Show file tree

Hide file tree

Showing 2 changed files with 32 additions and 6 deletions.
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
diff --git a/src/components/Pagewrapper.tsx b/src/components/Pagewrapper.tsx
@@ -1,10 +1,24 @@
-import React, { FC, PropsWithChildren, useMemo, useEffect } from 'react';
+import React, { FC, PropsWithChildren, useMemo } from 'react';
 import Head from 'next/head';
 import { useRouter } from 'next/router';
 import { Header } from '@/components/layout/Header';
 import { Footer } from '@/components/layout/Footer';
-import Analytics from '@/components/analytics';
+import Script from 'next/script'
 
+import * as snippet from '@segment/snippet'
+
+function renderSnippet() {
+  const opts = {
+    apiKey: process.env.NEXT_PUBLIC_ANALYTICS_WRITE_KEY,
+    page: true,
+  }
+
+  if (process.env.NODE_ENV === 'development') {
+    return snippet.max(opts)
+  }
+
+  return snippet.min(opts)
+}
 
 interface Page {
   seo?: {
@@ -41,7 +55,10 @@ export const PageWrapper: FC<PropsWithChildren<PagewrapperProps>> = ({
       <Head>
         <title>{`${title} - Food Delivery`}</title>
         <meta name="description" content={description} />
-        <meta property="og:site_name" content={`${title}`} />
+        <meta
+          property="og:site_name"
+          content={`${title}`}
+        />
         <meta property="og:type" content="website" />
         <meta property="twitter:card" content="summary_large_image" />
         <meta
@@ -50,11 +67,17 @@ export const PageWrapper: FC<PropsWithChildren<PagewrapperProps>> = ({
           content={`${domain}${routePath}`}
         />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <meta property="og:title" content={`${title} - Food Delivery`} />
+        <meta
+          property="og:title"
+          content={`${title} - Food Delivery`}
+        />
         <meta property="og:description" content={description} />
         <meta property="og:image" content={`${domain}${image}`} />
         <meta property="twitter:url" content={`${domain}${routePath}`} />
-        <meta property="twitter:title" content={`${title} - Food Delivery`} />
+        <meta
+          property="twitter:title"
+          content={`${title} - Food Delivery`}
+        />
         <meta property="twitter:description" content={description} />
         <meta property="twitter:image" content={`${domain}${image}`} />
         <link
@@ -69,13 +92,16 @@ export const PageWrapper: FC<PropsWithChildren<PagewrapperProps>> = ({
           sizes="16x16"
           href="/favicon-16x16.png"
         />
+        <Script
+            id="segment-script"
+            dangerouslySetInnerHTML={{ __html: renderSnippet() }}
+        />
       </Head>
       <div className="md:container lg:py-5 pb-20">
         <Header />
         <main>{children}</main>
       </div>
       <Footer />
-      <Analytics />
     </div>
   );
 };