2 files changed, 17 insertions, 7 deletions
diff --git a/src/pages/shop/cart.jsx b/src/pages/shop/cart.jsx
index 7e78f215..9566cfcb 100644
--- a/src/pages/shop/cart.jsx
+++ b/src/pages/shop/cart.jsx
@@ -1,3 +1,6 @@
+import BasicLayout from '@/core/components/layouts/BasicLayout'
+import DesktopView from '@/core/components/views/DesktopView'
+import MobileView from '@/core/components/views/MobileView'
 import dynamic from 'next/dynamic'
 
 const AppLayout = dynamic(() => import('@/core/components/layouts/AppLayout'))
@@ -5,11 +8,18 @@ const CartComponent = dynamic(() => import('@/lib/cart/components/Cart'))
 
 export default function Cart() {
   return (
-    <AppLayout
-      title='Keranjang'
-      withFooter={false}
-    >
-      <CartComponent />
-    </AppLayout>
+    <>
+      <MobileView>
+        <AppLayout title='Keranjang' withFooter={false}>
+          <CartComponent />
+        </AppLayout>
+      </MobileView>
+
+      <DesktopView>
+        <BasicLayout>
+          <CartComponent />
+        </BasicLayout>
+      </DesktopView>
+    </>
   )
 }
diff --git a/src/pages/shop/product/[slug].jsx b/src/pages/shop/product/[slug].jsx
index 83939291..e8084cbe 100644
--- a/src/pages/shop/product/[slug].jsx
+++ b/src/pages/shop/product/[slug].jsx
@@ -4,7 +4,7 @@ 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 Product = dynamic(() => import('@/lib/product/components/Product/Product'))
 
 export async function getServerSideProps(context) {
   const { slug } = context.query