diff --git a/src/components/Avatar/UserProfileInfo/index.js b/src/components/Avatar/UserProfileInfo/index.js
index 8ed6c0c..51aa2bc 100644
--- a/src/components/Avatar/UserProfileInfo/index.js
+++ b/src/components/Avatar/UserProfileInfo/index.js
@@ -4,12 +4,9 @@ import DateTime from "../../CurrentDateTime/DateTime";
const UserProfileInfo = () => {
return (
-
-
+ {/* video */}
+
setOpenModal(false)}
+ >
+
>
);
diff --git a/src/components/VodProduct/danovin.mp4 b/src/components/VodProduct/danovin.mp4
deleted file mode 100644
index faba880..0000000
Binary files a/src/components/VodProduct/danovin.mp4 and /dev/null differ
diff --git a/src/components/VodProduct/index.js b/src/components/VodProduct/index.js
deleted file mode 100644
index 55cd103..0000000
--- a/src/components/VodProduct/index.js
+++ /dev/null
@@ -1,323 +0,0 @@
-import React, { useEffect, useState } from "react";
-
-import StarRating from "../starRating/StarRating";
-import ReactTooltip from "react-tooltip";
-
-import watermelon from "../../assets/images/watermelon.png";
-import video from "./danovin.mp4";
-
-import discountImg from "../../assets/icons/discount.png";
-
-import heart from "../../assets/icons/vuesax-linear-heart.svg";
-import YellowDotIcon from "../../assets/icons/yellowDotIcon.svg";
-import RedDotIcon from "../../assets/icons/redDotIcon.svg";
-import PurpleDotIcon from "../../assets/icons/purpleDotIcon.svg";
-import LightBlueDotIcon from "../../assets/icons/lightBlueDotIcon.svg";
-import whitePlayIcon from "../../assets/icons/white-play-button-icon.svg";
-
-const VodProduct = ({
- productColor,
- colors,
- likeBtn,
- discount,
- discountPricePercent,
- discountPrice,
- productContent,
- star,
- productTags,
- priceDirection,
- productTitleAlignment,
- priceHolder,
- productCat,
- rangeHolder,
- priceTitle,
- addToCartHolder,
- productTitleCategoryHolder,
- productTitleCategoryHolderAlignment,
- priceStarHolder,
- priceStarAlignment,
- rangeWidth,
-}) => {
- const [progressFlag, setProgressFlag] = useState(false);
- const [openModal, setOpenModal] = useState(false);
- // const [closeModal, setCloseModal] = useState(false);
-
- useEffect(() => {
- setTimeout(() => {
- setProgressFlag(true);
- }, 1000);
- });
- return (
-
- {/* product UI Design */}
-
-
-
- {/* product image */}
-
setOpenModal(true)}
- >
- {/* icons on image */}
-
- {discountPricePercent && (
-
- )}
- {likeBtn && (
-
-
-
- )}
- {discount && (
-
-
-
- )}
-
- {/* play button */}
-
setOpenModal(true)}
- >
-
setOpenModal(true)}
- />
-
- {/* select Color */}
- {productColor && (
-
- {/* {colors.map((color,index))} */}
-
-
-
- )}
-
- {/* product content */}
-
- {/* content */}
-
-
-
- نسخه چاپی علموم تجربه هفتم
-
- {productCat && (
-
- پایه سوم
-
- )}
-
- {productContent && (
-
- این کتاب شامل گلدان و گیاه و خاک می باشد و همچنین آپشن های
- خوب دیگری نیز دارد.
-
- )}
-
- {/* price */}
-
- {priceHolder && (
-
- {/* price */}
-
-
- {priceTitle && (
-
- قیمت
-
- )}
- {discountPrice && (
-
- قیمت 140تومان
-
- )}
-
-
- 111.000تومان
-
-
- {/* add to cart */}
- {addToCartHolder && (
-
- )}
-
- )}
- {star && (
-
-
-
- 39
-
-
- )}
-
- {productTags && (
-
-
-
-
-
- )}
- {rangeHolder && (
-
- )}
-
-
-
-
- setOpenModal(false)}
- >
-
-
-
- );
-};
-// hover:-translate-y-2
-export default VodProduct;
-
-// text colors i used for product title:
-// text-darkCrimsonTextColor
-// text-productTitle
-
-// text color i used for product excerpt:
-// text-productContent
-
-// text color i used for product cat:
-// text-darkCrimsonTextColor
-
-// bg color i used for play button icon:
-// bg-playButtonIcon
-// bg-playButtonIcon2
-
-VodProduct.defaultProps = {
- colors: [
- {
- icon: YellowDotIcon,
- dataType: "زرد",
- },
- {
- icon: RedDotIcon,
- dataType: "قرمز",
- },
- {
- icon: PurpleDotIcon,
- dataType: "بنفش",
- },
- {
- icon: LightBlueDotIcon,
- dataType: "آبی",
- },
-
- LightBlueDotIcon,
- ],
-
- // icons on product image
- productColor: true,
- likeBtn: true,
- discount: true,
- discountPricePercent: true,
- // product price
- discountPrice: true,
- priceHolder: true,
- priceTitle: false,
-
- productContent: false,
- star: true,
- productTags: false,
- productCat: true,
- rangeHolder: true,
-
- addToCartHolder: false,
-
- 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",
-};
diff --git a/src/components/VodProductNew/danovin.mp4 b/src/components/VodProductNew/danovin.mp4
deleted file mode 100644
index faba880..0000000
Binary files a/src/components/VodProductNew/danovin.mp4 and /dev/null differ
diff --git a/src/components/VodProductNew/index.js b/src/components/VodProductNew/index.js
deleted file mode 100644
index 6eadd98..0000000
--- a/src/components/VodProductNew/index.js
+++ /dev/null
@@ -1,344 +0,0 @@
-import React, { useEffect, useState } from "react";
-
-import StarRating from "../starRating/StarRating";
-import ReactTooltip from "react-tooltip";
-
-import watermelon from "../../assets/images/watermelon.png";
-import video from "./danovin.mp4";
-
-import discountImg from "../../assets/icons/discount.png";
-
-import heart from "../../assets/icons/vuesax-linear-heart.svg";
-import YellowDotIcon from "../../assets/icons/yellowDotIcon.svg";
-import RedDotIcon from "../../assets/icons/redDotIcon.svg";
-import PurpleDotIcon from "../../assets/icons/purpleDotIcon.svg";
-import LightBlueDotIcon from "../../assets/icons/lightBlueDotIcon.svg";
-import whitePlayIcon from "../../assets/icons/white-play-button-icon.svg";
-
-const VodProduct = ({
- productColor,
- colors,
- likeBtn,
- discount,
- discountPricePercent,
- discountPrice,
- productContent,
- star,
- productTags,
- priceDirection,
- productTitleAlignment,
- priceHolder,
- productCat,
- rangeHolder,
- priceTitle,
- addToCartHolder,
- productTitleCategoryHolder,
- productTitleCategoryHolderAlignment,
- priceStarHolder,
- priceStarAlignment,
- rangeWidth,
-}) => {
- const [progressFlag, setProgressFlag] = useState(false);
- const [openModal, setOpenModal] = useState(false);
- useEffect(() => {
- setTimeout(() => {
- setProgressFlag(true);
- }, 1000);
- });
- return (
-
- رویه باتن پلی / عکس کلیک کنید
- {/* product UI Design */}
-
-
-
- {/* product image */}
-
- {/* icons on image */}
-
- {discountPricePercent && (
-
- )}
- {likeBtn && (
-
-
-
- )}
- {discount && (
-
-
-
- )}
-
- {/* play button */}
-
setOpenModal(true)}
- >
-
setOpenModal(true)}
- />
-
- {/* select Color */}
- {productColor && (
-
- {/* {colors.map((color,index))} */}
-
-
-
- )}
-
- {/* product content */}
-
- {/* content */}
-
-
-
- نسخه چاپی علوم تجربی هفتم
-
- {productCat && (
-
- پایه سوم
-
- )}
-
- {productContent && (
-
- این کتاب شامل گلدان و گیاه و خاک می باشد و همچنین آپشن های
- خوب دیگری نیز دارد.
-
- )}
-
- {/* price */}
-
- {priceHolder && (
-
- {/* price */}
-
-
- {priceTitle && (
-
- قیمت
-
- )}
- {discountPrice && (
-
- قیمت 140تومان
-
- )}
-
-
- 111.000تومان
-
-
- {/* add to cart */}
- {addToCartHolder && (
-
- )}
-
- )}
- {star && (
-
-
-
- 39
-
-
- )}
-
- {productTags && (
-
-
-
-
-
- )}
- {rangeHolder && (
-
- )}
-
-
-
-
-
-
- );
-};
-// hover:-translate-y-2
-export default VodProduct;
-
-// text colors i used for product title:
-// text-darkCrimsonTextColor
-// text-productTitle
-
-// text color i used for product excerpt:
-// text-productContent
-
-// text color i used for product cat:
-// text-darkCrimsonTextColor
-
-// bg color i used for play button icon:
-// bg-playButtonIcon
-// bg-playButtonIcon2
-
-VodProduct.defaultProps = {
- colors: [
- {
- icon: YellowDotIcon,
- dataType: "زرد",
- },
- {
- icon: RedDotIcon,
- dataType: "قرمز",
- },
- {
- icon: PurpleDotIcon,
- dataType: "بنفش",
- },
- {
- icon: LightBlueDotIcon,
- dataType: "آبی",
- },
-
- LightBlueDotIcon,
- ],
-
- // icons on product image
- productColor: true,
- likeBtn: true,
- discount: true,
- discountPricePercent: true,
- // product price
- discountPrice: true,
- priceHolder: true,
- priceTitle: false,
-
- productContent: false,
- star: true,
- productTags: false,
- productCat: true,
- rangeHolder: true,
-
- addToCartHolder: false,
-
- 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",
-};
diff --git a/src/components/testtttt/Testttt.js b/src/components/testtttt/Testttt.js
deleted file mode 100644
index 999f0c5..0000000
--- a/src/components/testtttt/Testttt.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from "react";
-// import "./Testttt.scss";
-
-import book from "./book.svg";
-import bookCover from "./book-white-cover.svg";
-
-export const Testttt = ({ bookBackCoverBg }) => {
- return (
-
-
-
- {/*
*/}
-
-
-
-
- );
-};
-
-export default Testttt;
-Testttt.defaultProps = {
- bookBackCoverBg: "bg-greenBookBg",
-};
diff --git a/src/components/testtttt/book-white-cover.svg b/src/components/testtttt/book-white-cover.svg
deleted file mode 100644
index 89ce43b..0000000
--- a/src/components/testtttt/book-white-cover.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
diff --git a/src/components/testtttt/book.svg b/src/components/testtttt/book.svg
deleted file mode 100644
index 12fcd6e..0000000
--- a/src/components/testtttt/book.svg
+++ /dev/null
@@ -1,8 +0,0 @@
-
diff --git a/src/components/testtttt/index.scss b/src/components/testtttt/index.scss
deleted file mode 100644
index 3554e2b..0000000
--- a/src/components/testtttt/index.scss
+++ /dev/null
@@ -1,438 +0,0 @@
-// import ButtonDesign from "./components/buttonDesign/ButtonDesign";
-// import ProductDesign from "./components/productDesign/ProductDesign";
-// import ProductTags from "./components/productTags/ProductTags";
-// import CounterDesign from "./components/counterDesign/CounterDesign";
-// import BookDesign from "./components/bookDesign/BookDesign";
-// import BlogDesign1 from "./components/Blogs/design1/BlogDesign1";
-// import BlogDesign2 from "./components/Blogs/design2/BlogDesign2";
-// import BlogDesign3 from "./components/Blogs/design3/BlogDesign3";
-// import BlogDesign4 from "./components/Blogs/design4/BlogDesign4";
-// import BlogDesign5 from "./components/Blogs/design5/BlogDesign5";
-// import BlogDesign6 from "./components/Blogs/design6/BlogDesign6";
-// import HeaderDesign1 from "./components/Header/desgin1/HeaderDesign1";
-// import VodProductDesign from "./components/vodProductDesign/VodProductDesign";
-// import ContactInfoSection from "./components/contactInfoSection/ContactInfoSection";
-// import FooterDesign1 from "./components/footer/design1/FooterDesign1";
-// import Testttt from "./components/testtttt/Testttt";
-// import Design2D from "./components/Design2D/Design2D";
-// import Features from "./components/Features/index";
-// import Feedback from "./components/Feedback/index";
-// import Alert from "./components/Alert";
-// import Toast from "./components/Toast";
-// import ProductSuggestion from "./components/ProductSuggestion";
-// import ProductImage from "./components/ProductImage";
-// import VodProduct from "./components/VodProduct";
-// import VodProductNew from "./components/VodProductNew";
-// import ProductTab from "./components/ProductTab";
-// import ProductStatusCard from "./components/ProductStatusCard";
-// import AdvertisementDesign1 from "./components/Advertisement/design1";
-// import AdvertisementDesign2 from "./components/Advertisement/design2";
-// import AdvertisementDesign3 from "./components/Advertisement/design3";
-// import CourseChapter from "./components/CourseChapter";
-// import SidebarMenu from "./components/Sidebar/SidebarMenu";
-// import SidebarDesign2 from "./components/Sidebar/SidebarDesign2";
-// import SimpleBarChart from "./components/Chart/SimpleBarChart";
-// import SpecifiedDomainRadarChart from "./components/Chart/SpecifiedDomainRadarChart";
-// import Design1 from "./components/ProductSalesAmount/Design1";
-// import Design2 from "./components/ProductSalesAmount/Design2";
-// import TableDesign1 from "./components/Table/Design1";
-// import ReactTable2 from "./components/ReactTable2";
-// import ReactTable3 from "./components/ReactTable3";
-// import ReactTable4 from "./components/ReactTable4";
-// import ReactTable5 from "./components/ReactTable5";
-// import Digikala from "./components/Digikala";
-// import Switch from "./components/Switch";
-// import BreadCrumb from "./components/BreadCrumb";
-// import SearchBox from "./components/SearchBox";
-// import Blogs from "./components/Blogs";
-// import FileManager from "./components/FileManager";
-// import Playlist from "./components/Playlist";
-// import Folderlists from "./components/Folderlist";
-// import CardHolder from "./components/CardHolder";
-// import UploadFile from "./components/UploadFile";
-// import BarChartApex from "./components/BarChartApex";
-// import SemiDonut from "./components/SemiDonut";
-// import FolderTree from "./components/FolderTree";
-// import GridListTable from "./components/GridListTable";
-// import PopupCard from "./components/PopupCard";
-// import OutlineInput from "./components/OutlineInput";
-// import CancleIcon from "./components/CancleIcon";
-// import ButtonNewDesign from "./components/ButtonNewDesign";
-// import TimeLineComponent from "./components/TimeLineComponent";
-// import TitleSubtitle from "./components/TitleSubtitle";
-// import TimeLine from "./components/TimeLineComponent/Timeline";
-// import ProfilePicNextToEachOther from "./components/ProfilePicNextToEachOther";
-// import SelectYear from "./components/SelectYear";
-// import IndianaDragScroll from "./components/IndianaDragScroll";
-// import CardTrelloDesign from "./components/CardTrelloDesign";
-// import CircleInCircle from "./components/CircleInCircle";
-// import NewTagDesign from "./components/NewTagDesign";
-// import AnimatedProgressBar from "./components/AnimatedProgressBar";
-// import ReligiousTimes from "./components/ReligiousTimes";
-// import DistributedData from "./components/DistributedData";
-// import CardDesign1 from "./components/CardDesign1";
-// import CustomToast from "./components/CustomToast";
-// import IconText from "./components/IconText";
-// import CardDesign2 from "./components/CardDesign2";
-// import ButtonDivTag from "./components/ButtonDivTag";
-// import Button from "./components/Button";
-// import LeafletMap from "./components/LeafletMap";
-// import TestComponentNew from "./components/TestComponentNew";
-// import DateRangePicker from "./components/DateRangePicker";
-// import BoxNextToEachOther from "./components/BoxNextToEachOther";
-// import ProfileInfo from "./components/ProfileInfo";
-// import UserProfileInfo from "./components/UserProfileInfo";
-// import CurrentTime from "./components/CurrentTime";
-// import CurrentDateShamsi from "./components/CurrentDateShamsi";
-// import DateTime from "./components/DateTime";
-// import CardDesign3 from "./components/CardDesign3";
-// import CustomToast2 from "./components/CustomToast2";
-// import ContactUsInfoCard from "./components/ContactUsInfoCard";
-// import RoomCardInfo from "./components/RoomCardInfo";
-// import FormInput from "./components/FormInput";
-// import OutlineTextarea from "./components/OutlineTextarea";
-
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /* ----------------------------$$$ start---------------------------- */
-}
- {
- /*
-
-
-
-
-
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /* ---------------------------- not usable ---------------------------- */
-}
- {
- /*
*/
-}
- {
- /* ---------------------------- not usable ---------------------------- */
-}
- {
- /*
*/
-}
- {
- /* ---------------------------- not usable ---------------------------- */
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /* ----------------------------$$$ end---------------------------- */
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
-
-
-
-
-
-
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /* ----------------------------$$$ start---------------------------- */
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /* ----------------------------$$$ end---------------------------- */
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /* ----------------------------$$$ start---------------------------- */
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /* ----------------------------$$$ end---------------------------- */
-}
- {
- /* ----------------------------$$$ start---------------------------- */
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /* ----------------------------$$$ end---------------------------- */
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /* ----------------------------$$$ start---------------------------- */
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /* ----------------------------$$$ end---------------------------- */
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /* ----------------------------$$$ start---------------------------- */
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /* ----------------------------$$$ end---------------------------- */
-}
- {
- /*
*/
-}
- {
- /* ----------------------------$$$ start---------------------------- */
-}
- {
- /*
*/
-}
- {
- /* ----------------------------$$$ end---------------------------- */
-}
- {
- /*
*/
-}
- {
- /* ----------------------------$$$ start---------------------------- */
-}
- {
- /*
*/
-}
- {
- /* ----------------------------$$$ end---------------------------- */
-}
- {
- /*
*/
-}
- {
- /* ----------------------------$$$ start---------------------------- */
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /* ----------------------------$$$ end---------------------------- */
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /* ----------------------------$$$ start---------------------------- */
-}
- {
- /*
*/
-}
- {
- /* ----------------------------$$$ end---------------------------- */
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
- {
- /*
*/
-}
diff --git a/src/components/vodProductDesign/VodProductDesign.css b/src/components/vodProductDesign/VodProductDesign.css
deleted file mode 100644
index 96e35cb..0000000
--- a/src/components/vodProductDesign/VodProductDesign.css
+++ /dev/null
@@ -1,5 +0,0 @@
-.playBtnImg {
- -webkit-transition: all 0.4s;
- transition: all 0.4s;
-}
-/*# sourceMappingURL=VodProductDesign.css.map */
\ No newline at end of file
diff --git a/src/components/vodProductDesign/VodProductDesign.css.map b/src/components/vodProductDesign/VodProductDesign.css.map
deleted file mode 100644
index be901f0..0000000
--- a/src/components/vodProductDesign/VodProductDesign.css.map
+++ /dev/null
@@ -1,9 +0,0 @@
-{
- "version": 3,
- "mappings": "AAAA,AAAA,WAAW,CAAC;EACV,UAAU,EAAE,QAAQ;CACrB",
- "sources": [
- "VodProductDesign.scss"
- ],
- "names": [],
- "file": "VodProductDesign.css"
-}
\ No newline at end of file
diff --git a/src/components/vodProductDesign/VodProductDesign.js b/src/components/vodProductDesign/VodProductDesign.js
deleted file mode 100644
index 7efdccd..0000000
--- a/src/components/vodProductDesign/VodProductDesign.js
+++ /dev/null
@@ -1,334 +0,0 @@
-// it has style inside index.scss ---> // Start vodProductDesign && end vodProductDesign
-
-import React, { useEffect, useState } from "react";
-import { Link } from "react-router-dom";
-
-import StarRating from "../starRating/StarRating";
-import ReactTooltip from "react-tooltip";
-
-import "./VodProductDesign.scss";
-
-import book from "../../assets/images/goldon.png";
-import watermelon from "../../assets/images/watermelon.png";
-
-import discountImg from "../../assets/icons/discount.png";
-
-import heart from "../../assets/icons/vuesax-linear-heart.svg";
-import YellowDotIcon from "../../assets/icons/yellowDotIcon.svg";
-import RedDotIcon from "../../assets/icons/redDotIcon.svg";
-import PurpleDotIcon from "../../assets/icons/purpleDotIcon.svg";
-import LightBlueDotIcon from "../../assets/icons/lightBlueDotIcon.svg";
-import whitePlayIcon from "../../assets/icons/white-play-button-icon.svg";
-import darkPlayIcon from "../../assets/icons/dark-play-button-icon.svg";
-
-const VodProductDesign = ({
- colors,
- likeBtn,
- discount,
- discountPricePercent,
- discountPrice,
- productContent,
- star,
- productTags,
- priceDirection,
- productTitleAlignment,
- priceHolder,
- productHolderBorder,
- productHolderBorderColor,
- productTitleColor,
- productExcerptTextColor,
- productCat,
- productCatTextColor,
- rangeHolder,
- priceTitle,
- productPriceAmountTitle,
- addToCartHolder,
- productTitleCategoryHolder,
- productTitleCategoryHolderAlignment,
- priceStarHolder,
- priceStarAlignment,
- rangeWidth,
- playBtnBgColor,
- mainPriceTitle,
-}) => {
- const [progressFlag, setProgressFlag] = useState(false);
- useEffect(() => {
- setTimeout(() => {
- setProgressFlag(true);
- }, 1000);
- });
- return (
-
- {/* title holder */}
-
-
طراحی محصولات vod
-
-
-
- آدرس:
-
- vodProductDesign
-
-
-
- {/* product UI Design */}
-
-
-
- {/* product image */}
-
- {/* icons on image */}
-
- {discountPricePercent && (
-
- )}
- {likeBtn && (
-
-
-
- )}
- {discount && (
-
-
-
- )}
-
- {/* play button */}
-
-
-
- {/* select Color */}
- {colors && (
-
- )}
-
- {/* product content */}
-
- {/* content */}
-
-
-
- نسخه چاپی علموم تجربه هفتم
-
- {productCat && (
-
- پایه سوم
-
- )}
-
- {productContent && (
-
- این کتاب شامل گلدان و گیاه و خاک می باشد و همچنین آپشن های
- خوب دیگری نیز دارد.
-
- )}
-
- {/* price */}
-
- {priceHolder && (
-
- {/* price */}
-
-
- {priceTitle && (
-
- قیمت
-
- )}
- {discountPrice && (
-
- قیمت 140تومان
-
- )}
-
-
- 111.000تومان
-
-
- {/* add to cart */}
- {addToCartHolder && (
-
- )}
-
- )}
- {star && (
-
-
-
- 39
-
-
- )}
-
- {productTags && (
-
-
-
-
-
- )}
- {rangeHolder && (
-
- )}
-
-
-
-
-
- );
-};
-// hover:-translate-y-2
-export default VodProductDesign;
-
-// text colors i used for product title:
-// text-darkCrimsonTextColor
-// text-productTitle
-
-// text color i used for product excerpt:
-// text-productContent
-
-// text color i used for product cat:
-// text-darkCrimsonTextColor
-
-// bg color i used for play button icon:
-// bg-playButtonIcon
-// bg-playButtonIcon2
-
-VodProductDesign.defaultProps = {
- // icons on product image
- colors: true,
- likeBtn: true,
- discount: true,
- discountPricePercent: true,
- // product price
- discountPrice: true,
- priceHolder: true,
- priceTitle: false,
-
- productContent: false,
- star: true,
- productTags: false,
- productCat: true,
- rangeHolder: true,
-
- addToCartHolder: false,
-
- productTitleColor: "text-darkCrimsonTextColor",
-
- productExcerptTextColor: "text-productContent",
-
- productCatTextColor: "text-darkCrimsonTextColor",
-
- productPriceAmountTitle: "text-productPrice",
- productTitleAlignment: "text-justify",
-
- // برای درصد دادن به عرض رنج
- rangeWidth: "75%",
-
- //دی ای وی که محصول داخلش است میتونیم بهش بوردر بدیم
- productHolderBorder: "border",
- productHolderBorderColor: "border-grayBorderColor",
-
- priceDirection: "flex-row",
-
- productTitleCategoryHolder: "flex-row",
- productTitleCategoryHolderAlignment: "items-center",
-
- playBtnBgColor: "bg-playButtonIcon",
-
- // برای اینکه بتونیم ستاره هارو بالا قیمت بزاریم و دیزاین را مثل کتاب ها در بیاریم
- // یادمون باشه که حتما رویه
- // flex-col-reverse
- // بزاریم
-
- // دیفالتش باید این باشه:
- // priceStarHolder: flex-row
- priceStarHolder: "flex-row",
- // دیفالتش باید این باشه:
- // priceStarHolder: items-center
- priceStarAlignment: "items-center",
-};
diff --git a/src/components/vodProductDesign/VodProductDesign.scss b/src/components/vodProductDesign/VodProductDesign.scss
deleted file mode 100644
index e69de29..0000000