prettier

18 files changed, 148 insertions, 179 deletions

diff --git a/src/pages/_app.jsx b/src/pages/_app.jsx
index 33573480..0110576a 100644
--- a/src/pages/_app.jsx
+++ b/src/pages/_app.jsx
@@ -2,7 +2,7 @@ import '../styles/globals.css'
 import NextProgress from 'next-progress'
 import { useRouter } from 'next/router'
 import { AnimatePresence } from 'framer-motion'
-import { Toaster } from "react-hot-toast"
+import { Toaster } from 'react-hot-toast'
 import { QueryClient, QueryClientProvider } from 'react-query'
 
 const queryClient = new QueryClient()
@@ -13,19 +13,15 @@ function MyApp({ Component, pageProps }) {
   return (
     <>
       <Toaster
-        position="top-center"
+        position='top-center'
         toastOptions={{
           duration: 3000,
           className: 'border border-gray_r-8'
         }}
       />
-      <NextProgress color="#F01C21" options={{ showSpinner: false }} />
+      <NextProgress color='#F01C21' options={{ showSpinner: false }} />
       <QueryClientProvider client={queryClient}>
-        <AnimatePresence 
-          mode='wait' 
-          initial={false} 
-          onExitComplete={() => window.scrollTo(0, 0)}
-        >
+        <AnimatePresence mode='wait' initial={false} onExitComplete={() => window.scrollTo(0, 0)}>
           <Component {...pageProps} key={router.asPath} />
         </AnimatePresence>
       </QueryClientProvider>
diff --git a/src/pages/api/shop/search.js b/src/pages/api/shop/search.js
index 5e5f1b6a..c1e00d16 100644
--- a/src/pages/api/shop/search.js
+++ b/src/pages/api/shop/search.js
@@ -1,5 +1,5 @@
-import axios from "axios"
-import camelcaseObjectDeep from "camelcase-object-deep"
+import axios from 'axios'
+import camelcaseObjectDeep from 'camelcase-object-deep'
 
 const productResponseMap = (products) => {
   return products.map((product) => {
@@ -11,26 +11,26 @@ const productResponseMap = (products) => {
       lowestPrice: {
         price: product.price ? product.price[0] : 0,
         priceDiscount: product.price_discount ? product.price_discount[0] : 0,
-        discountPercentage: product.discount ? product.discount[0] : 0,
+        discountPercentage: product.discount ? product.discount[0] : 0
       },
       variantTotal: product.variant_total ? product.variant_total[0] : 0,
       stockTotal: product.stock_total ? product.stock_total[0] : 0,
       weight: product.weight ? product.weight[0] : 0,
       manufacture: {},
-      categories: [],
+      categories: []
     }
 
     if (product.manufacture_id && product.brand) {
       productMapped.manufacture = {
         id: product.manufacture_id ? product.manufacture_id[0] : '',
-        name: product.brand ? product.brand[0] : '',
+        name: product.brand ? product.brand[0] : ''
       }
     }
 
     productMapped.categories = [
       {
         id: product.category_id ? product.category_id[0] : '',
-        name: product.category_name ? product.category_name[0] : '',
+        name: product.category_name ? product.category_name[0] : ''
       }
     ]
 
@@ -39,8 +39,8 @@ const productResponseMap = (products) => {
 }
 
 export default async function handler(req, res) {
-  const { 
-    q = '*', 
+  const {
+    q = '*',
     page = 1,
     brand = '',
     category = '',
@@ -83,7 +83,7 @@ export default async function handler(req, res) {
 
   if (brand) parameter.push(`fq=brand:${brand}`)
   if (category) parameter.push(`fq=category_name:${category}`)
-  
+
   let result = await axios(process.env.SOLR_HOST + '/solr/products/select?' + parameter.join('&'))
   try {
     result.data.response.products = productResponseMap(result.data.response.docs)
@@ -95,4 +95,4 @@ export default async function handler(req, res) {
   } catch (error) {
     res.status(400).json({ error: error.message })
   }
-}
\ No newline at end of file
+}
diff --git a/src/pages/api/shop/suggest.js b/src/pages/api/shop/suggest.js
index 4e373a92..cc0ff2b3 100644
--- a/src/pages/api/shop/suggest.js
+++ b/src/pages/api/shop/suggest.js
@@ -1,15 +1,18 @@
-import axios from "axios";
+import axios from 'axios'
 
 export default async function handler(req, res) {
-  const { q = '' } = req.query;
+  const { q = '' } = req.query
 
-  let result = await axios(process.env.SOLR_HOST + `/solr/products/suggest?suggest=true&suggest.dictionary=mySuggester&suggest.q=${q}`);
+  let result = await axios(
+    process.env.SOLR_HOST +
+      `/solr/products/suggest?suggest=true&suggest.dictionary=mySuggester&suggest.q=${q}`
+  )
   try {
-    res.status(200).json(result.data.suggest.mySuggester[q]);
+    res.status(200).json(result.data.suggest.mySuggester[q])
   } catch (error) {
     res.status(400).json({
       numFound: 0,
       suggestions: []
-    });
+    })
   }
-}
\ No newline at end of file
+}
diff --git a/src/pages/index.jsx b/src/pages/index.jsx
index 4cb40adb..19d3e59c 100644
--- a/src/pages/index.jsx
+++ b/src/pages/index.jsx
@@ -1,36 +1,36 @@
-import dynamic from "next/dynamic"
-import Seo from "@/core/components/Seo"
-import ImageSkeleton from "@/core/components/elements/Skeleton/ImageSkeleton"
-import PopularProductSkeleton from "@/lib/home/components/Skeleton/PopularProductSkeleton"
+import dynamic from 'next/dynamic'
+import Seo from '@/core/components/Seo'
+import ImageSkeleton from '@/core/components/elements/Skeleton/ImageSkeleton'
+import PopularProductSkeleton from '@/lib/home/components/Skeleton/PopularProductSkeleton'
 
-const BasicLayout = dynamic(() => import("@/core/components/layouts/BasicLayout"))
+const BasicLayout = dynamic(() => import('@/core/components/layouts/BasicLayout'))
 
-const HeroBanner = dynamic(() => import("@/lib/home/components/HeroBanner"), {
+const HeroBanner = dynamic(() => import('@/lib/home/components/HeroBanner'), {
   loading: () => <ImageSkeleton />
 })
 
-const PreferredBrand = dynamic(() => import("@/lib/home/components/PreferredBrand"), {
+const PreferredBrand = dynamic(() => import('@/lib/home/components/PreferredBrand'), {
   loading: () => <PopularProductSkeleton />
 })
 
-const PopularProduct = dynamic(() => import("@/lib/home/components/PopularProduct"), {
+const PopularProduct = dynamic(() => import('@/lib/home/components/PopularProduct'), {
   loading: () => <PopularProductSkeleton />
 })
 
-const CategoryHomeId = dynamic(() => import("@/lib/home/components/CategoryHomeId"), {
+const CategoryHomeId = dynamic(() => import('@/lib/home/components/CategoryHomeId'), {
   loading: () => <PopularProductSkeleton />
 })
 
 export default function Home() {
   return (
     <BasicLayout>
-      <Seo title="Beranda - Indoteknik" />
+      <Seo title='Beranda - Indoteknik' />
       <HeroBanner />
-      <div className="flex flex-col gap-y-6 my-6">
+      <div className='flex flex-col gap-y-6 my-6'>
         <PreferredBrand />
         <PopularProduct />
         <CategoryHomeId />
       </div>
     </BasicLayout>
   )
-}
\ No newline at end of file
+}
diff --git a/src/pages/login.jsx b/src/pages/login.jsx
index b9009b8e..0039e6b5 100644
--- a/src/pages/login.jsx
+++ b/src/pages/login.jsx
@@ -1,7 +1,5 @@
-import LoginComponent from "@/lib/auth/components/Login"
+import LoginComponent from '@/lib/auth/components/Login'
 
 export default function Login() {
-  return (
-    <LoginComponent />
-  )
-}
\ No newline at end of file
+  return <LoginComponent />
+}
diff --git a/src/pages/my/address/[id]/edit.jsx b/src/pages/my/address/[id]/edit.jsx
index feff85fd..a7c22147 100644
--- a/src/pages/my/address/[id]/edit.jsx
+++ b/src/pages/my/address/[id]/edit.jsx
@@ -1,10 +1,10 @@
-import AppLayout from "@/core/components/layouts/AppLayout"
-import addressApi from "@/lib/address/api/addressApi"
-import EditAddressComponent from "@/lib/address/components/EditAddress"
+import AppLayout from '@/core/components/layouts/AppLayout'
+import addressApi from '@/lib/address/api/addressApi'
+import EditAddressComponent from '@/lib/address/components/EditAddress'
 
 export default function EditAddress({ id, defaultValues }) {
   return (
-    <AppLayout title="Ubah Alamat">
+    <AppLayout title='Ubah Alamat'>
       <EditAddressComponent id={id} defaultValues={defaultValues} />
     </AppLayout>
   )
@@ -20,11 +20,11 @@ export async function getServerSideProps(context) {
     mobile: address.mobile,
     street: address.street,
     zip: address.zip,
-    city: address.city?.id || "",
-    oldDistrict: address.district?.id || "",
-    district: "",
-    oldSubDistrict: address.subDistrict?.id || "",
-    subDistrict: "",
+    city: address.city?.id || '',
+    oldDistrict: address.district?.id || '',
+    district: '',
+    oldSubDistrict: address.subDistrict?.id || '',
+    subDistrict: ''
   }
   return { props: { id, defaultValues } }
 }
diff --git a/src/pages/my/address/create.jsx b/src/pages/my/address/create.jsx
index dfc84444..ee905ee0 100644
--- a/src/pages/my/address/create.jsx
+++ b/src/pages/my/address/create.jsx
@@ -1,10 +1,10 @@
-import AppLayout from "@/core/components/layouts/AppLayout"
-import CreateAddressComponent from "@/lib/address/components/CreateAddress"
+import AppLayout from '@/core/components/layouts/AppLayout'
+import CreateAddressComponent from '@/lib/address/components/CreateAddress'
 
 export default function CreateAddress() {
   return (
-    <AppLayout title="Tambah Alamat">
+    <AppLayout title='Tambah Alamat'>
       <CreateAddressComponent />
     </AppLayout>
   )
-}
\ No newline at end of file
+}
diff --git a/src/pages/my/address/index.jsx b/src/pages/my/address/index.jsx
index 29e21c30..46a7075c 100644
--- a/src/pages/my/address/index.jsx
+++ b/src/pages/my/address/index.jsx
@@ -1,10 +1,10 @@
-import AppLayout from "@/core/components/layouts/AppLayout"
-import AddressesComponent from "@/lib/address/components/Addresses"
+import AppLayout from '@/core/components/layouts/AppLayout'
+import AddressesComponent from '@/lib/address/components/Addresses'
 
 export default function Addresses() {
   return (
-    <AppLayout title="Daftar Alamat">
+    <AppLayout title='Daftar Alamat'>
       <AddressesComponent />
     </AppLayout>
   )
-}
\ No newline at end of file
+}
diff --git a/src/pages/my/invoice/[id].jsx b/src/pages/my/invoice/[id].jsx
index a3cbeb5c..0d409878 100644
--- a/src/pages/my/invoice/[id].jsx
+++ b/src/pages/my/invoice/[id].jsx
@@ -1,13 +1,13 @@
-import AppLayout from "@/core/components/layouts/AppLayout"
-import InvoiceComponent from "@/lib/invoice/components/Invoice"
-import { useRouter } from "next/router"
+import AppLayout from '@/core/components/layouts/AppLayout'
+import InvoiceComponent from '@/lib/invoice/components/Invoice'
+import { useRouter } from 'next/router'
 
 export default function Invoice() {
   const router = useRouter()
 
   return (
-    <AppLayout title="Invoice & Faktur Pajak">
+    <AppLayout title='Invoice & Faktur Pajak'>
       <InvoiceComponent id={router.query.id} />
     </AppLayout>
   )
-}
\ No newline at end of file
+}
diff --git a/src/pages/my/invoices.jsx b/src/pages/my/invoices.jsx
index 04842110..fd50c3c8 100644
--- a/src/pages/my/invoices.jsx
+++ b/src/pages/my/invoices.jsx
@@ -1,10 +1,10 @@
-import AppLayout from "@/core/components/layouts/AppLayout"
-import InvoicesComponent from "@/lib/invoice/components/Invoices"
+import AppLayout from '@/core/components/layouts/AppLayout'
+import InvoicesComponent from '@/lib/invoice/components/Invoices'
 
 export default function Invoices() {
   return (
-    <AppLayout title="Invoice & Faktur Pajak">
+    <AppLayout title='Invoice & Faktur Pajak'>
       <InvoicesComponent />
     </AppLayout>
   )
-}
\ No newline at end of file
+}
diff --git a/src/pages/my/menu.jsx b/src/pages/my/menu.jsx
index 3620fc36..0edc98ae 100644
--- a/src/pages/my/menu.jsx
+++ b/src/pages/my/menu.jsx
@@ -1,10 +1,10 @@
-import Divider from "@/core/components/elements/Divider/Divider"
-import Link from "@/core/components/elements/Link/Link"
-import AppLayout from "@/core/components/layouts/AppLayout"
-import useAuth from "@/core/hooks/useAuth"
-import { deleteAuth } from "@/core/utils/auth"
-import { ChevronRightIcon, UserIcon } from "@heroicons/react/24/solid"
-import { useRouter } from "next/router"
+import Divider from '@/core/components/elements/Divider/Divider'
+import Link from '@/core/components/elements/Link/Link'
+import AppLayout from '@/core/components/layouts/AppLayout'
+import useAuth from '@/core/hooks/useAuth'
+import { deleteAuth } from '@/core/utils/auth'
+import { ChevronRightIcon, UserIcon } from '@heroicons/react/24/solid'
+import { useRouter } from 'next/router'
 
 export default function Menu() {
   const auth = useAuth()
@@ -12,78 +12,56 @@ export default function Menu() {
 
   const logout = () => {
     deleteAuth()
-    router.push('/login')  
+    router.push('/login')
   }
 
   return (
-    <AppLayout title="Menu Utama">
-      <Link href="/my/profile" className="p-4 flex items-center">
-        <div className="rounded-full p-3 bg-gray_r-6 text-gray_r-12/80">
-          <UserIcon className="w-5" />
+    <AppLayout title='Menu Utama'>
+      <Link href='/my/profile' className='p-4 flex items-center'>
+        <div className='rounded-full p-3 bg-gray_r-6 text-gray_r-12/80'>
+          <UserIcon className='w-5' />
         </div>
-        <div className="ml-4">
-          <div className="font-semibold text-gray_r-12">{ auth?.name }</div>
-          { auth?.company && (
-            <div className="badge-solid-red mt-1">Akun Bisnis</div>
-          ) }
-          { !auth?.company && (
-            <div className="badge-gray mt-1">Akun Individu</div>
-          ) }
+        <div className='ml-4'>
+          <div className='font-semibold text-gray_r-12'>{auth?.name}</div>
+          {auth?.company && <div className='badge-solid-red mt-1'>Akun Bisnis</div>}
+          {!auth?.company && <div className='badge-gray mt-1'>Akun Individu</div>}
         </div>
-        <div className="ml-auto !text-gray_r-12">
-          <ChevronRightIcon className="w-6" />
+        <div className='ml-auto !text-gray_r-12'>
+          <ChevronRightIcon className='w-6' />
         </div>
       </Link>
 
       <Divider />
 
-      <div className="flex flex-col gap-y-6 py-6">
+      <div className='flex flex-col gap-y-6 py-6'>
         <div>
-          <MenuHeader>
-            Aktivitas Pembelian
-          </MenuHeader>
+          <MenuHeader>Aktivitas Pembelian</MenuHeader>
 
-          <div className="divide-y divide-gray_r-6 border-y border-gray_r-6 mt-4">
-            <LinkItem href="/my/transactions">
-              Daftar Transaksi
-            </LinkItem>
-            <LinkItem href="/my/invoices">
-              Invoice & Faktur Pajak
-            </LinkItem>
-            <LinkItem href="/my/wishlist">
-              Wishlist
-            </LinkItem>
+          <div className='divide-y divide-gray_r-6 border-y border-gray_r-6 mt-4'>
+            <LinkItem href='/my/transactions'>Daftar Transaksi</LinkItem>
+            <LinkItem href='/my/invoices'>Invoice & Faktur Pajak</LinkItem>
+            <LinkItem href='/my/wishlist'>Wishlist</LinkItem>
           </div>
         </div>
 
         <div>
-          <MenuHeader>
-            Pusat Bantuan
-          </MenuHeader>
+          <MenuHeader>Pusat Bantuan</MenuHeader>
 
-          <div className="divide-y divide-gray_r-6 border-y border-gray_r-6 mt-4">
-            <LinkItem href="/">
-              Customer Support
-            </LinkItem>
-            <LinkItem href="/">
-              F.A.Q
-            </LinkItem>
+          <div className='divide-y divide-gray_r-6 border-y border-gray_r-6 mt-4'>
+            <LinkItem href='/'>Customer Support</LinkItem>
+            <LinkItem href='/'>F.A.Q</LinkItem>
           </div>
         </div>
 
         <div>
-          <MenuHeader>
-            Pengaturan Akun
-          </MenuHeader>
+          <MenuHeader>Pengaturan Akun</MenuHeader>
 
-          <div className="divide-y divide-gray_r-6 border-y border-gray_r-6 mt-4">
-            <LinkItem href="/my/address">
-              Daftar Alamat
-            </LinkItem>
+          <div className='divide-y divide-gray_r-6 border-y border-gray_r-6 mt-4'>
+            <LinkItem href='/my/address'>Daftar Alamat</LinkItem>
           </div>
 
-          <div onClick={logout} className="p-4 mt-2">
-            <button className="w-full btn-red">Keluar Akun</button>
+          <div onClick={logout} className='p-4 mt-2'>
+            <button className='w-full btn-red'>Keluar Akun</button>
           </div>
         </div>
       </div>
@@ -92,17 +70,16 @@ export default function Menu() {
 }
 
 const MenuHeader = ({ children, ...props }) => (
-  <div {...props} className="font-medium px-4 flex">
-    { children }
-
+  <div {...props} className='font-medium px-4 flex'>
+    {children}
   </div>
 )
 
 const LinkItem = ({ children, ...props }) => (
-  <Link {...props} className="!text-gray_r-11 !font-normal p-4 flex items-center">
-    { children }
-    <div className="ml-auto !text-gray_r-11">
-      <ChevronRightIcon className="w-5" />
+  <Link {...props} className='!text-gray_r-11 !font-normal p-4 flex items-center'>
+    {children}
+    <div className='ml-auto !text-gray_r-11'>
+      <ChevronRightIcon className='w-5' />
     </div>
   </Link>
-)
\ No newline at end of file
+)
diff --git a/src/pages/my/transaction/[id].jsx b/src/pages/my/transaction/[id].jsx
index 4b81b2a3..ae27ab88 100644
--- a/src/pages/my/transaction/[id].jsx
+++ b/src/pages/my/transaction/[id].jsx
@@ -1,13 +1,13 @@
-import AppLayout from "@/core/components/layouts/AppLayout"
-import TransactionComponent from "@/lib/transaction/components/Transaction"
-import { useRouter } from "next/router"
+import AppLayout from '@/core/components/layouts/AppLayout'
+import TransactionComponent from '@/lib/transaction/components/Transaction'
+import { useRouter } from 'next/router'
 
 export default function Transaction() {
   const router = useRouter()
 
   return (
-    <AppLayout title="Transaksi">
+    <AppLayout title='Transaksi'>
       <TransactionComponent id={router.query.id} />
     </AppLayout>
   )
-}
\ No newline at end of file
+}
diff --git a/src/pages/my/transactions.jsx b/src/pages/my/transactions.jsx
index a530afcc..d18a00f4 100644
--- a/src/pages/my/transactions.jsx
+++ b/src/pages/my/transactions.jsx
@@ -1,12 +1,12 @@
-import AppLayout from "@/core/components/layouts/AppLayout"
-import dynamic from "next/dynamic"
+import AppLayout from '@/core/components/layouts/AppLayout'
+import dynamic from 'next/dynamic'
 
-const TransactionsComponent = dynamic(() => import("@/lib/transaction/components/Transactions"))
+const TransactionsComponent = dynamic(() => import('@/lib/transaction/components/Transactions'))
 
 export default function Transactions() {
   return (
-    <AppLayout title="Transaksi">
+    <AppLayout title='Transaksi'>
       <TransactionsComponent />
     </AppLayout>
   )
-}
\ No newline at end of file
+}
diff --git a/src/pages/my/wishlist.jsx b/src/pages/my/wishlist.jsx
index b7a3e4fe..f1c0bf28 100644
--- a/src/pages/my/wishlist.jsx
+++ b/src/pages/my/wishlist.jsx
@@ -1,10 +1,10 @@
-import AppLayout from "@/core/components/layouts/AppLayout"
-import Wishlists from "@/lib/wishlist/components/Wishlists"
+import AppLayout from '@/core/components/layouts/AppLayout'
+import Wishlists from '@/lib/wishlist/components/Wishlists'
 
 export default function Wishlist() {
   return (
-    <AppLayout title="Wishlist">
+    <AppLayout title='Wishlist'>
       <Wishlists />
     </AppLayout>
   )
-}
\ No newline at end of file
+}
diff --git a/src/pages/shop/brands/[slug].jsx b/src/pages/shop/brands/[slug].jsx
index da3ee84d..33f81fa2 100644
--- a/src/pages/shop/brands/[slug].jsx
+++ b/src/pages/shop/brands/[slug].jsx
@@ -1,11 +1,11 @@
-import dynamic from "next/dynamic"
-import { getIdFromSlug, getNameFromSlug } from "@/core/utils/slug"
-import { useRouter } from "next/router"
-import _ from "lodash"
+import dynamic from 'next/dynamic'
+import { getIdFromSlug, getNameFromSlug } from '@/core/utils/slug'
+import { useRouter } from 'next/router'
+import _ from 'lodash'
 
-const BasicLayout = dynamic(() => import("@/core/components/layouts/BasicLayout"))
-const ProductSearch = dynamic(() => import("@/lib/product/components/ProductSearch"))
-const Brand = dynamic(() => import("@/lib/brand/components/Brand"))
+const BasicLayout = dynamic(() => import('@/core/components/layouts/BasicLayout'))
+const ProductSearch = dynamic(() => import('@/lib/product/components/ProductSearch'))
+const Brand = dynamic(() => import('@/lib/brand/components/Brand'))
 
 export default function BrandDetail() {
   const router = useRouter()
@@ -13,13 +13,13 @@ export default function BrandDetail() {
   return (
     <BasicLayout>
       <Brand id={getIdFromSlug(slug)} />
-      { !_.isEmpty(router.query) && (
+      {!_.isEmpty(router.query) && (
         <ProductSearch
           query={_.omit(router.query, 'slug')}
           prefixUrl={`/shop/brands/${slug}`}
           defaultBrand={getNameFromSlug(slug)}
         />
-      ) }
+      )}
     </BasicLayout>
   )
-}
\ No newline at end of file
+}
diff --git a/src/pages/shop/cart.jsx b/src/pages/shop/cart.jsx
index 735ea19f..97f98843 100644
--- a/src/pages/shop/cart.jsx
+++ b/src/pages/shop/cart.jsx
@@ -1,12 +1,12 @@
-import dynamic from "next/dynamic"
+import dynamic from 'next/dynamic'
 
-const AppLayout = dynamic(() => import("@/core/components/layouts/AppLayout"))
-const CartComponent = dynamic(() => import("@/lib/cart/components/Cart"))
+const AppLayout = dynamic(() => import('@/core/components/layouts/AppLayout'))
+const CartComponent = dynamic(() => import('@/lib/cart/components/Cart'))
 
 export default function Cart() {
   return (
-    <AppLayout title="Keranjang">
+    <AppLayout title='Keranjang'>
       <CartComponent />
     </AppLayout>
   )
-}
\ No newline at end of file
+}
diff --git a/src/pages/shop/product/[slug].jsx b/src/pages/shop/product/[slug].jsx
index 2f610afb..cc6924a3 100644
--- a/src/pages/shop/product/[slug].jsx
+++ b/src/pages/shop/product/[slug].jsx
@@ -1,10 +1,10 @@
-import Seo from "@/core/components/Seo"
-import { getIdFromSlug } from "@/core/utils/slug"
-import productApi from "@/lib/product/api/productApi"
-import dynamic from "next/dynamic"
+import Seo from '@/core/components/Seo'
+import { getIdFromSlug } from '@/core/utils/slug'
+import productApi from '@/lib/product/api/productApi'
+import dynamic from 'next/dynamic'
 
-const BasicLayout = dynamic(() => import("@/core/components/layouts/BasicLayout"))
-const Product = dynamic(() => import("@/lib/product/components/Product"))
+const BasicLayout = dynamic(() => import('@/core/components/layouts/BasicLayout'))
+const Product = dynamic(() => import('@/lib/product/components/Product'))
 
 export async function getServerSideProps(context) {
   const { slug } = context.query
@@ -28,4 +28,4 @@ export default function ProductDetail({ product }) {
       <Product product={product} />
     </BasicLayout>
   )
-}
\ No newline at end of file
+}
diff --git a/src/pages/shop/search.jsx b/src/pages/shop/search.jsx
index a41c3b5f..d616f2dd 100644
--- a/src/pages/shop/search.jsx
+++ b/src/pages/shop/search.jsx
@@ -1,21 +1,16 @@
-import dynamic from "next/dynamic"
-import { useRouter } from "next/router"
-import _ from "lodash-contrib"
+import dynamic from 'next/dynamic'
+import { useRouter } from 'next/router'
+import _ from 'lodash-contrib'
 
-const BasicLayout = dynamic(() => import("@/core/components/layouts/BasicLayout"))
-const ProductSearch = dynamic(() => import("@/lib/product/components/ProductSearch"))
+const BasicLayout = dynamic(() => import('@/core/components/layouts/BasicLayout'))
+const ProductSearch = dynamic(() => import('@/lib/product/components/ProductSearch'))
 
 export default function Search() {
   const router = useRouter()
-  
+
   return (
     <BasicLayout>
-      { !_.isEmpty(router.query) && (
-        <ProductSearch
-          query={router.query}
-          prefixUrl="/shop/search"
-        />
-      ) }
+      {!_.isEmpty(router.query) && <ProductSearch query={router.query} prefixUrl='/shop/search' />}
     </BasicLayout>
   )
-}
\ No newline at end of file
+}