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 && (
+
+ )}
+ {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",