From 54e33be2715be1ba1e0c975cb184b20eb9dcff23 Mon Sep 17 00:00:00 2001 From: mahdi Date: Sun, 15 May 2022 19:22:38 +0430 Subject: [PATCH] update src/components/SingleProduct/ProductDesign1/index.js and src/components/SingleProduct/VodDesign1/index.js --- .../SingleProduct/VodDesign1/index.js | 117 ++++++------------ 1 file changed, 37 insertions(+), 80 deletions(-) diff --git a/src/components/SingleProduct/VodDesign1/index.js b/src/components/SingleProduct/VodDesign1/index.js index 50df360..8605fea 100644 --- a/src/components/SingleProduct/VodDesign1/index.js +++ b/src/components/SingleProduct/VodDesign1/index.js @@ -7,32 +7,35 @@ import StarRating from "../../Rating/StarRating1"; import Tooptip1 from "../../Tooltip/Tooltip1"; import AnimatedProgressbar1 from "../../ProgressBar/AnimatedProgressbar1"; -import watermelon from "images/VodDesign1watermelon.png"; -import video from "images/VodDesign1danovin.mp4"; - -import discountImg from "images/VodDesign1discount.png"; - -import heart from "images/VodDesign1vuesax-linear-heart.svg"; -import YellowDotIcon from "images/VodDesign1yellowDotIcon.svg"; -import RedDotIcon from "images/VodDesign1redDotIcon.svg"; -import PurpleDotIcon from "images/VodDesign1purpleDotIcon.svg"; -import LightBlueDotIcon from "images/VodDesign1ightBlueDotIcon.svg"; -import whitePlayIcon from "images/VodDesign1white-play-button-icon.svg"; - const VodDesign1 = ({ - productColor, - colors, + productHolderClassname, + + discountPricePercent, likeBtn, discount, - discountPricePercent, - discountPrice, + + tooltip, + + productTitle, + productTitleClass, + productContent, + productContentClass, + + productCat, + star, + + discountPrice, + price, + + progressBar, + productTags, + priceDirection, productTitleAlignment, priceHolder, - productCat, rangeHolder, priceTitle, addToCartHolder, @@ -40,18 +43,15 @@ const VodDesign1 = ({ productTitleCategoryHolderAlignment, priceStarHolder, priceStarAlignment, - rangeWidth, }) => { return ( -
-
+ <> +
{/* product image */}
{/* play button */}
setOpenModal(true)} > setOpenModal(true)} />
{/* select Color */} {tooltip && (
- +
)}
@@ -245,46 +226,32 @@ const VodDesign1 = ({ controls className={`border transition-all duration-1000 `} - src={video} + src="images/VodDesign1danovin.mp4" type="video/mp4" >
- + ); }; export default VodDesign1; VodDesign1.defaultProps = { - colors: [ - { - icon: YellowDotIcon, - dataType: "زرد", - }, - { - icon: RedDotIcon, - dataType: "قرمز", - }, - { - icon: PurpleDotIcon, - dataType: "بنفش", - }, - { - icon: LightBlueDotIcon, - dataType: "آبی", - }, + productHolderClassname: + "min-w-[600px] rounded-lg shadow-sm p-20 border border-[#C3C3C3]", + + discountPricePercent: "23", + likeBtn: true, + discount: true, - LightBlueDotIcon, - ], + productTitle: "نسخه چاپی علموم تجربه هفتم", + productTitleClass: "text-sm text-justify text-[#246E8A]", // icons on product image productColor: true, - likeBtn: true, - discount: true, - discountPricePercent: true, // product price discountPrice: true, priceHolder: true, @@ -301,22 +268,12 @@ VodDesign1.defaultProps = { productTitleAlignment: "text-justify", // برای درصد دادن به عرض رنج - rangeWidth: "75%", priceDirection: "flex-row", productTitleCategoryHolder: "flex-row", productTitleCategoryHolderAlignment: "items-center", - // برای اینکه بتونیم ستاره هارو بالا قیمت بزاریم و دیزاین را مثل کتاب ها در بیاریم - // یادمون باشه که حتما رویه - // flex-col-reverse - // بزاریم - - // دیفالتش باید این باشه: - // priceStarHolder: flex-row priceStarHolder: "flex-row", - // دیفالتش باید این باشه: - // priceStarHolder: items-center priceStarAlignment: "items-center", };