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",
};