fix menu

Author: shaghayegh77amd

src/component/productDetails/index.tsx

@@ -15,12 +15,12 @@ import styles from "./productDetails.module.scss";
 import { useRouter } from "next/router";
 
 const ProductDetails: FC<productDetailsProps> = ({ product }) => {
-  const router = useRouter();
-  const locale = router.locale || "en";
+  // const router = useRouter();
+  // const locale = router.locale || "en";
   const { data: featuredProduct = [] } = useQuery({
-    queryKey: ["featuredProduct", locale],
+    queryKey: ["featuredProduct"],
     queryFn: async () => {
-      const productData = await getData(FeaturedProductAPI, {}, "", "", locale);
+      const productData = await getData(FeaturedProductAPI, {}, "", "");
       return FeaturedProductTransformer(productData);
     },
     enabled: !!product.id,

src/pages/category/[slug].tsx

@@ -109,7 +109,8 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
   const categoryId = context.query.slug;
   const page = context.query.page;
   const referer = context.req.headers.referer || null;
-
+  const menuData = await getData(MegaMenuAPI, {}, "", "", locale);
+  const menu = MegaMenuTransformer(menuData).menuItems;
   if (!referer) {
     const categoryData = await getData(
       CategoryAPI,
@@ -119,14 +120,13 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
       locale
     );
     const data = CategoryTransformer(categoryData);
-    const menuData = await getData(MegaMenuAPI, {}, "", "", locale);
-    const menu = MegaMenuTransformer(menuData).menuItems;
+
     return {
       props: { initialCategory: data, menu },
     };
   }
 
-  return { props: { initialCategory: null, categoryId } };
+  return { props: { initialCategory: null, categoryId, menu } };
 }
 
 export default CategoryPage;

src/pages/index.tsx

@@ -55,13 +55,13 @@ export default function Home({
 export async function getServerSideProps(context: GetServerSidePropsContext) {
   const referer = context.req.headers.referer || null;
   const locale = context.locale;
-
+  const menuData = await getData(MegaMenuAPI, {}, "", "", locale);
+  const menu = MegaMenuTransformer(menuData).menuItems;
   if (!referer) {
     const data = await getData(HomePageAPI, {}, "", "", locale);
     const { homeProductCarousel } = HomeTransformer(data);
-    const menuData = await getData(MegaMenuAPI, {}, "", "", locale);
-    const menu = MegaMenuTransformer(menuData).menuItems;
+
     return { props: { homeProductCarousel, menu } };
   }
-  return { props: { homeProductCarousel: null } };
+  return { props: { homeProductCarousel: null, menu } };
 }

src/pages/product/[slug].tsx

@@ -27,7 +27,7 @@ const ProductPage: FC<ProductPageProps> = ({ initialProduct, productId }) => {
 
   return (
     <>
-      <MetaTags title={product.title} />
+      <MetaTags title={product?.title} />
       {product && <ProductDetails product={product} />}
     </>
   );
@@ -37,6 +37,8 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
   const locale = context.locale;
   const productId = context.query.slug;
   const referer = context.req.headers.referer || null;
+  const menuData = await getData(MegaMenuAPI, {}, "", "", locale);
+  const menu = MegaMenuTransformer(menuData).menuItems;
   if (!referer) {
     const productData =
       productId &&
@@ -48,11 +50,9 @@ export async function getServerSideProps(context: GetServerSidePropsContext) {
         locale
       ));
     const data = ProductTransformer(productData);
-    const menuData = await getData(MegaMenuAPI, {}, "", "", locale);
-    const menu = MegaMenuTransformer(menuData).menuItems;
     return { props: { initialProduct: data, productId, menu } };
   }
-  return { props: { initialProduct: null, productId } };
+  return { props: { initialProduct: null, productId, menu } };
 }
 
 export default ProductPage;