From 032d68a4b62f94f712ffb02cad307f96ccf8ab63 Mon Sep 17 00:00:00 2001 From: mahdi Date: Tue, 4 Jan 2022 09:38:31 +0330 Subject: [PATCH] update --- src/App.js | 2 +- src/components/productDesign/ProductDesign.js | 2 +- .../vodProductDesign/VodProductDesign.js | 66 +++++++++++++++---- 3 files changed, 55 insertions(+), 15 deletions(-) diff --git a/src/App.js b/src/App.js index c25dad8..5adddaa 100644 --- a/src/App.js +++ b/src/App.js @@ -17,7 +17,7 @@ function App() { return (
- {/* */} + {/* */} {/* */} {/* */} diff --git a/src/components/productDesign/ProductDesign.js b/src/components/productDesign/ProductDesign.js index 48b9521..7e7353b 100644 --- a/src/components/productDesign/ProductDesign.js +++ b/src/components/productDesign/ProductDesign.js @@ -101,7 +101,7 @@ const ProductDesign = ({
)} {discount && ( -
+
)} diff --git a/src/components/vodProductDesign/VodProductDesign.js b/src/components/vodProductDesign/VodProductDesign.js index 65b8029..1e02ae2 100644 --- a/src/components/vodProductDesign/VodProductDesign.js +++ b/src/components/vodProductDesign/VodProductDesign.js @@ -1,6 +1,7 @@ import React from "react"; import StarRating from "../starRating/StarRating"; +import ReactTooltip from "react-tooltip"; import book from "../../assets/images/goldon.png"; import watermelon from "../../assets/images/watermelon.png"; @@ -35,8 +36,6 @@ const VodProductDesign = ({ priceTitle, productPriceAmountTitle, addToCartHolder, - verticalImg, - horizontalImg, }) => { return (
@@ -68,6 +67,25 @@ const VodProductDesign = ({ minHeight: "180px", }} > +
+ {discountPricePercent && ( +
+

+ 23% +

+
+ )} + {likeBtn && ( +
+ +
+ )} + {discount && ( +
+ +
+ )} +
{/* play button */}
@@ -75,10 +93,34 @@ const VodProductDesign = ({ {/* select Color */} {colors && (
- - - - + + + + + + + +
)}
@@ -187,11 +229,11 @@ export default VodProductDesign; // text-productPrice VodProductDesign.defaultProps = { - colors: false, - likeBtn: false, - discount: false, - discountPricePercent: false, - discountPrice: false, + colors: true, + likeBtn: true, + discount: true, + discountPricePercent: true, + discountPrice: true, productContent: false, star: true, productTags: false, @@ -199,8 +241,6 @@ VodProductDesign.defaultProps = { priceTitle: false, productCat: true, rangeHolder: true, - verticalImg: false, - horizontalImg: true, addToCartHolder: false, productTitleColor: "text-darkCrimsonTextColor",