share button complated

app/[locale]/catalog_page/products/[slug]/page.tsx

@@ -9,6 +9,7 @@ import { LoadingSkeleton } from "@/components/pages/products/slug/loading";
 import { EmptyState } from "@/components/pages/products/slug/empty";
 import { useEffect } from "react";
 import { Breadcrumb } from "@/components/breadCrumb";
+import { useSearchParams } from "next/navigation";
 
 // Types
 interface ProductImage {
@@ -32,13 +33,15 @@ interface ProductDetail {
 }
 
 export default function SlugPage() {
+  const searchParams = useSearchParams();
+  const productId = searchParams.get("productId");
+  console.log("product Id : ", productId);
   const productZustand = useProductPageInfo((state) => state.product);
-
+  const id = productId ? Number(productId) : productZustand.id;
   const { data: product, isLoading } = useQuery({
     queryKey: ["product", productZustand.id],
-    queryFn: () => httpClient(endPoints.product.detail(productZustand.id)),
+    queryFn: () => httpClient(endPoints.product.detail(id)),
     select: (data) => data?.data?.data as ProductDetail,
-    enabled: !!productZustand.id,
   });
 
   useEffect(() => console.log("product detail: ", product));