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 ( -
+
-
+
); diff --git a/src/components/SemiDonut/index.js b/src/components/ChartDesign/SemiDonut/index.js similarity index 100% rename from src/components/SemiDonut/index.js rename to src/components/ChartDesign/SemiDonut/index.js diff --git a/src/components/ChartDesign/index.js b/src/components/ChartDesign/index.js index 591b3f4..4460d70 100644 --- a/src/components/ChartDesign/index.js +++ b/src/components/ChartDesign/index.js @@ -4,6 +4,7 @@ import Recharts from "./Recharts"; import BarChartApex from "./BarChartApex"; import SimpleBarChart from "./SimpleBarChart"; import SpecifiedDomainRadarChart from "./SpecifiedDomainRadarChart"; +import SemiDonut from "./SemiDonut"; function ChartDesign() { const list = { @@ -11,6 +12,7 @@ function ChartDesign() { 2: , 3: , 4: , + 5: , }; const [type, setType] = useState(1); return ( diff --git a/src/components/FileManager/index.js b/src/components/FileManager/index.js index 28a8180..e7a6b78 100644 --- a/src/components/FileManager/index.js +++ b/src/components/FileManager/index.js @@ -9,7 +9,7 @@ import Playlist from "../MiniComponents/Playlist"; import Folderlists from "../MiniComponents/Folderlist"; import UploadDesign1 from "../UploadFile/UploadDesign1"; import BasicTable from "../Tabels/ReactTable4"; -import SemiDonut from "../SemiDonut"; +import SemiDonut from "../ChartDesign/SemiDonut"; const FileManager = ({ buttons }) => { return ( diff --git a/src/components/SingleProduct/VodDesign1/index.js b/src/components/SingleProduct/VodDesign1/index.js index 1200fbf..9c5e916 100644 --- a/src/components/SingleProduct/VodDesign1/index.js +++ b/src/components/SingleProduct/VodDesign1/index.js @@ -1,4 +1,4 @@ -import React, { useEffect, useState } from "react"; +import React, { useState } from "react"; import TagDesign1 from "../../Tag/TagDesign1"; import ButtonDivTag from "../../ButtonDesign/ButtonDivTag"; @@ -45,6 +45,8 @@ const VodDesign1 = ({ priceStarHolder, priceStarAlignment, }) => { + const [openModal, setOpenModal] = useState(false); + return ( <>
@@ -91,13 +93,13 @@ const VodDesign1 = ({ {/* play button */}
setOpenModal(true)} + onClick={() => setOpenModal(true)} > setOpenModal(true)} + onClick={() => setOpenModal(true)} />
{/* select Color */} @@ -197,38 +199,22 @@ const VodDesign1 = ({ )}
-
-
-
- -
-
- -
-
+ {/* 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 && ( -
-

- 23% -

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

- 23% -

-
- )} - {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---------------------------- */ -} - { - /* - - - - - */ -} - { - /* - )} -
- )} - {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