feat: lazy loading ForYouProducts

Moamal-2000 · Oct 7, 2024 · b5934ee · b5934ee
1 parent 34004a5
commit b5934ee
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/Components/Shared/Sections/ForYouSection/ForYouProducts.jsx b/src/Components/Shared/Sections/ForYouSection/ForYouProducts.jsx
@@ -2,13 +2,13 @@ import { productsData } from "src/Data/productsData";
 import ProductCard from "../../ProductsCards/ProductCard/ProductCard";
 import s from "./ForYouProducts.module.scss";
 
-const ForYouProducts = () => {
+const ForYouProducts = ({ loading = "eager" }) => {
   const forYouProducts = productsData.filter((_, i) => i < 4);
 
   return (
     <div className={s.forYouProducts}>
       {forYouProducts.map((product) => (
-        <ProductCard key={product.id} product={product} />
+        <ProductCard key={product.id} product={product} loading={loading} />
       ))}
     </div>
   );

diff --git a/src/Components/Shared/Sections/ForYouSection/ForYouSection.jsx b/src/Components/Shared/Sections/ForYouSection/ForYouSection.jsx
@@ -15,7 +15,7 @@ const ForYouSection = () => {
         <Link to="/products">{t("buttons.seeAll")}</Link>
       </header>
 
-      <ForYouProducts />
+      <ForYouProducts loading="lazy" />
     </section>
   );
 };