fix product page and category page

Author: shaghayegh77amd

src/pages/category/[slug].tsx

@@ -1,4 +1,4 @@
-import { CategoryAPI } from "@/const/endPoint";
+import { CategoryAPI, MegaMenuAPI } from "@/const/endPoint";
 import { getData } from "@/utils/api/fetchData/apiCall";
 import { GetServerSidePropsContext } from "next";
 import React, { FC, useState } from "react";
@@ -14,6 +14,7 @@ import { CategoryTransformer } from "@/utils/api/transformer/category";
 import { useMegaMenu } from "@/context/menuContext";
 import { useQuery } from "@tanstack/react-query";
 import MetaTags from "@/component/metaTags";
+import { MegaMenuTransformer } from "@/utils/api/transformer/megaMenu";
 
 const fetchCategoryData = async (
   categoryId: string,
@@ -96,9 +97,10 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
       page,
     });
     const data = CategoryTransformer(categoryData);
-
+    const megaMenuData = await getData(MegaMenuAPI);
+    const menu = MegaMenuTransformer(megaMenuData).menuItems;
     return {
-      props: { initialCategory: data },
+      props: { initialCategory: data, menu },
     };
   }
 

src/pages/product/[slug].tsx

@@ -1,4 +1,4 @@
-import { ProductDetailAPI } from "@/const/endPoint";
+import { MegaMenuAPI, ProductDetailAPI } from "@/const/endPoint";
 import { getData } from "@/utils/api/fetchData/apiCall";
 import { GetServerSidePropsContext } from "next";
 import React, { FC } from "react";
@@ -8,6 +8,7 @@ import { ProductTransformer } from "@/utils/api/transformer/product";
 import ProductPlaceholder from "./placeholder";
 import { useFetchProductData } from "@/utils/hooks/api/useFetchProductData";
 import MetaTags from "@/component/metaTags";
+import { MegaMenuTransformer } from "@/utils/api/transformer/megaMenu";
 
 const ProductPage: FC<ProductPageProps> = ({ initialProduct, productId }) => {
   const { data: product, isLoading } = useFetchProductData({
@@ -34,7 +35,9 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
     const productData =
       productId && (await getData(ProductDetailAPI, { product_id: productId }));
     const data = ProductTransformer(productData);
-    return { props: { initialProduct: data, productId } };
+    const megaMenuData = await getData(MegaMenuAPI);
+    const menu = MegaMenuTransformer(megaMenuData).menuItems;
+    return { props: { initialProduct: data, productId, menu } };
   }
   return { props: { initialProduct: null, productId } };
 }