From a70fd5b6d9c7a769ac1aaa22a7d037ba3be27a05 Mon Sep 17 00:00:00 2001
From: Rafi Zadanly <zadanlyr@gmail.com>
Date: Tue, 16 Jan 2024 16:08:43 +0700
Subject: Update improve product detail performance

---
 src-migrate/pages/shop/product/[slug].tsx         | 13 ++++++++-----
 src-migrate/pages/shop/product/product.module.css |  0
 2 files changed, 8 insertions(+), 5 deletions(-)
 delete mode 100644 src-migrate/pages/shop/product/product.module.css

(limited to 'src-migrate/pages')

diff --git a/src-migrate/pages/shop/product/[slug].tsx b/src-migrate/pages/shop/product/[slug].tsx
index 883532ed..733e10d9 100644
--- a/src-migrate/pages/shop/product/[slug].tsx
+++ b/src-migrate/pages/shop/product/[slug].tsx
@@ -1,5 +1,3 @@
-import style from './product.module.css'
-
 import { GetServerSideProps, NextPage } from 'next'
 import React from 'react'
 import dynamic from 'next/dynamic'
@@ -10,6 +8,7 @@ import { getIdFromSlug } from '~/libs/slug'
 import { IProductDetail } from '~/types/product'
 
 import { Seo } from '~/components/seo'
+import { useRouter } from 'next/router'
 
 const BasicLayout = dynamic(() => import('@/core/components/layouts/BasicLayout'), { ssr: false })
 const ProductDetail = dynamic(() => import('~/modules/product-detail'), { ssr: false })
@@ -36,14 +35,18 @@ export const getServerSideProps: GetServerSideProps<PageProps> = (async (context
   }
 })
 
+const SELF_HOST = process.env.NEXT_PUBLIC_SELF_HOST
+
 const ProductDetailPage: NextPage<PageProps> = ({ product }) => {
+  const router = useRouter();
+
   return (
     <BasicLayout>
       <Seo
         title={`${product.name} - Indoteknik.com`}
         description='Temukan pilihan produk B2B Industri &amp; Alat Teknik untuk Perusahaan, UMKM &amp; Pemerintah dengan lengkap, mudah dan transparan.'
         openGraph={{
-          // url: process.env.NEXT_PUBLIC_SELF_HOST + router.asPath,
+          url: SELF_HOST + router.asPath,
           images: [
             {
               url: product?.image,
@@ -60,10 +63,10 @@ const ProductDetailPage: NextPage<PageProps> = ({ product }) => {
             content: `${product?.name}, Harga ${product?.name}, Beli ${product?.name}, Spesifikasi ${product?.name}`,
           }
         ]}
-        // canonical=''
+        canonical={SELF_HOST + router.asPath}
       />
 
-      <div className='md:container pt-10'>
+      <div className='md:container pt-4 md:pt-6'>
         <ProductDetail product={product} />
       </div>
     </BasicLayout>
diff --git a/src-migrate/pages/shop/product/product.module.css b/src-migrate/pages/shop/product/product.module.css
deleted file mode 100644
index e69de29b..00000000
-- 
cgit v1.2.3