api call ssr landing + latest product + ...

src/app/profile/comments/page.tsx

@@ -1,4 +1,4 @@
-import withLayout from '@/hoc/withLayout'
+import Layout from '@/hoc/Layout'
 import { NextPage } from 'next'
 import Menu from '../components/Menu'
 import Image from 'next/image'
@@ -86,4 +86,10 @@ const Comments: NextPage = () => {
     )
 }
 
-export default withLayout(Comments)
+export default function CommentsWithLayout() {
+    return (
+        <Layout>
+            <Comments />
+        </Layout>
+    )
+}

src/app/profile/favorite/page.tsx

@@ -1,4 +1,4 @@
-import withLayout from "@/hoc/withLayout"
+import Layout from "@/hoc/Layout"
 import { NextPage } from "next"
 import Menu from "../components/Menu"
 import GridWrapper from "@/components/GridWrapper"
@@ -20,4 +20,10 @@ const FavoritePage: NextPage = () => {
     )
 }
 
-export default withLayout(FavoritePage)
+export default function FavoritePageWithLayout() {
+    return (
+        <Layout>
+            <FavoritePage />
+        </Layout>
+    )
+}

src/app/profile/orders/[id]/page.tsx

@@ -11,7 +11,7 @@ import { Button } from '@/components/ui/button'
 import Modal from '@/components/Modal'
 import Select from '@/components/Select'
 import Input from '@/components/Input'
-import withLayout from '@/hoc/withLayout'
+import Layout from '@/hoc/Layout'
 import Image from 'next/image'
 import Menu from '../../components/Menu'
 
@@ -418,4 +418,10 @@ const OrderDetail: FC = () => {
     )
 }
 
-export default withLayout(OrderDetail)
+export default function OrderDetailWithLayout() {
+    return (
+        <Layout>
+            <OrderDetail />
+        </Layout>
+    )
+}

src/app/profile/orders/page.tsx

@@ -1,5 +1,5 @@
 'use client'
-import withLayout from '@/hoc/withLayout'
+import Layout from '@/hoc/Layout'
 import { NextPage } from 'next'
 import React, { useState } from 'react'
 import Menu from '../components/Menu'
@@ -143,4 +143,10 @@ const Orders: NextPage = () => {
     )
 }
 
-export default withLayout(Orders)
+export default function OrdersWithLayout() {
+    return (
+        <Layout>
+            <Orders />
+        </Layout>
+    )
+}

src/app/profile/page.tsx

@@ -3,7 +3,7 @@ import React, { useState } from 'react'
 import { Button } from '@/components/ui/button'
 import Input from '@/components/Input'
 import { Edit2 } from 'lucide-react'
-import withLayout from '@/hoc/withLayout'
+import Layout from '@/hoc/Layout'
 import { Heart, ShoppingCart } from 'iconsax-react'
 import Menu from './components/Menu'
 
@@ -177,4 +177,10 @@ const ProfilePage = () => {
     )
 }
 
-export default withLayout(ProfilePage)
+export default function ProfilePageWithLayout() {
+    return (
+        <Layout>
+            <ProfilePage />
+        </Layout>
+    )
+}