filter added

components/pages/products/product/mianProduct.tsx

@@ -16,6 +16,7 @@ export default function MainProduct() {
   const getFiltersByType = useFilter((state) => state.getFiltersByType);
   const setProduct = useProductPageInfo((state) => state.setProducts);
 
+  console.log("subCategory data: ", subCategory);
   // Query params yaratish
   const queryParams = useMemo(() => {
     const catalog = getFiltersByType("catalog");
@@ -39,7 +40,7 @@ export default function MainProduct() {
 
     // Query params qo'shish
     return `${baseLink}${queryParams}`;
-  }, [category.id, category.have_sub_category, queryParams]);
+  }, [category.id, category.have_sub_category, queryParams , subCategory.id]);
 
   const { data, isLoading, error } = useQuery({
     queryKey: ["products", subCategory.id, queryParams],
@@ -83,8 +84,8 @@ export default function MainProduct() {
           key={item.id} // ✅ index o'rniga id ishlatish
           getProduct={() => setProduct(item)}
           title={item.name}
-          image={item?.images[0]?.image ||''}
-          slug='special_product'
+          image={item?.images[0]?.image || ""}
+          slug="special_product"
         />
       ))}
     </div>

components/pages/products/product/products.tsx

@@ -4,7 +4,7 @@ import MainProduct from "./mianProduct";
 
 export function Products() {
   return (
-    <div className="bg-[#1e1d1c] py-10">
+    <div className="bg-[#1e1d1c] pb-10 pt-5 px-2">
       <div className="max-w-300 mx-auto w-full z-20 relative">
         <div className="flex lg:flex-row flex-col lg:items-start items-center gap-5">
           {/* filter part */}