diff --git a/.babelrc b/.babelrc new file mode 100644 index 0000000..c5009b3 --- /dev/null +++ b/.babelrc @@ -0,0 +1,3 @@ +{ + "plugins": [["babel-plugin-root-import"]] +} diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..f82fc39 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,4 @@ +{ + "editor.defaultFormatter": "esbenp.prettier-vscode", + "editor.formatOnSave": true +} \ No newline at end of file diff --git a/package.json b/package.json index 07e925d..124839c 100644 --- a/package.json +++ b/package.json @@ -66,5 +66,8 @@ "last 1 firefox version", "last 1 safari version" ] + }, + "devDependencies": { + "babel-plugin-root-import": "^6.6.0" } } diff --git a/src/App.js b/src/App.js index 8e2c7f0..1a25560 100644 --- a/src/App.js +++ b/src/App.js @@ -2,7 +2,7 @@ import React, { Component } from "react"; import AppRouter from "./AppRouter"; import store from "./Redux/store"; import { Provider } from "react-redux"; -import 'bootstrap/dist/css/bootstrap.min.css'; +import "bootstrap/dist/css/bootstrap.min.css"; class App extends Component { render() { @@ -14,4 +14,4 @@ class App extends Component { } } -export default App; \ No newline at end of file +export default App; diff --git a/src/assets/images/book7.png b/src/assets/images/book-cover-mockup.png similarity index 100% rename from src/assets/images/book7.png rename to src/assets/images/book-cover-mockup.png diff --git a/src/assets/images/book8.png b/src/assets/images/book-mockup.png similarity index 100% rename from src/assets/images/book8.png rename to src/assets/images/book-mockup.png diff --git a/src/assets/images/book3.png b/src/assets/images/chemistry-10.png similarity index 100% rename from src/assets/images/book3.png rename to src/assets/images/chemistry-10.png diff --git a/src/assets/images/book6.png b/src/assets/images/graphic-ghost.png similarity index 100% rename from src/assets/images/book6.png rename to src/assets/images/graphic-ghost.png diff --git a/src/assets/images/book2.png b/src/assets/images/sciense-6.png similarity index 100% rename from src/assets/images/book2.png rename to src/assets/images/sciense-6.png diff --git a/src/assets/images/book9.png b/src/assets/images/sciense-7.png similarity index 100% rename from src/assets/images/book9.png rename to src/assets/images/sciense-7.png diff --git a/src/assets/images/book5.png b/src/assets/images/sciense-8.png similarity index 100% rename from src/assets/images/book5.png rename to src/assets/images/sciense-8.png diff --git a/src/assets/images/book1.png b/src/assets/images/sciense-9.png similarity index 100% rename from src/assets/images/book1.png rename to src/assets/images/sciense-9.png diff --git a/src/assets/images/book4.png b/src/assets/images/zist-10.png similarity index 100% rename from src/assets/images/book4.png rename to src/assets/images/zist-10.png diff --git a/src/constants/images.js b/src/constants/images.js new file mode 100644 index 0000000..6d5c594 --- /dev/null +++ b/src/constants/images.js @@ -0,0 +1,31 @@ +import about_lg from `${imagesRoot}/about-lg.png`; +import about_md from `${imagesRoot}/about-md.png`; +import about_xs1 from `${imagesRoot}/about-xs1.png`; +import about_xs2 from `${imagesRoot}/about-xs2.png`; +import blog_1 from `${imagesRoot}/blog-1.png`; +import blog_2 from `${imagesRoot}/blog-2.png`; +import blog_3 from `${imagesRoot}/blog-3.png`; +import book_cover_mockup from `${imagesRoot}/book-cover-mockup.png`; + + + + + + + + + + +const imagesRoot = '../assets/images'; + +const imagesUrl = { + image : { + about_lg, + about_md, + }, + icon : { + + } +}; + +export default imagesUrl; \ No newline at end of file diff --git a/src/views/Activation/index.js b/src/views/Activation/index.js index 5b30418..732dc94 100644 --- a/src/views/Activation/index.js +++ b/src/views/Activation/index.js @@ -4,7 +4,7 @@ import Footer from "../Home/Footer/index"; import { Link } from "react-router-dom"; import History from "./History/index"; -import book1 from "../../assets/images/book1.png"; +import sciense_6 from "../../assets/images/sciense-6.png"; import analytics from "../../assets/icons/analytics.svg"; import danger from "../../assets/icons/danger.svg"; @@ -36,7 +36,9 @@ export default class Activation extends Component {
فعال سازی کتاب -

فعال سازی کتاب الکترونیک

+

+ فعال سازی کتاب الکترونیک +

. @@ -55,9 +57,14 @@ export default class Activation extends Component { maxLength={9} autoComplete="off" onChange={(e) => this.setState({ code: e.target.value })} - style={{fontSize: fontSize.desktop.form }} + style={{ fontSize: fontSize.desktop.form }} /> - +
@@ -69,7 +76,7 @@ export default class Activation extends Component {

-

آخرین مشاهدات

+

آخرین مشاهدات

{data.map((item, i) => ( ))} @@ -136,7 +143,7 @@ Activation.defaultProps = { title: "ریاضیات گسسته خیلی پیشرفته", subTitle: "پایه هفتم ابتدایی", status: "انجام شد", - image: book1, + image: sciense_6, }, ], }; diff --git a/src/views/Cart/index.js b/src/views/Cart/index.js index 8889605..b215b54 100644 --- a/src/views/Cart/index.js +++ b/src/views/Cart/index.js @@ -6,7 +6,7 @@ import DiscoutCode from "./Discount/index"; import DeliveryMethod from "./DeliveryMethod/index"; import Factor from "./Factor/index"; -import book1 from "../../assets/images/book1.png"; +import sciense_6 from "../../assets/images/sciense-6.png"; import "./index.scss"; @@ -44,7 +44,7 @@ export default class Cart extends Component { title: " گسسته ", subTitle: " گیرد", options: "بپشتی", - image: book1, + image: sciense_6, slicePrice: 200000, number: 1, price: 1899900, @@ -54,7 +54,7 @@ export default class Cart extends Component { title: "ریاضیات گسسته خیلی پیشرفته", subTitle: "در این قسمت توضیح بسیار کوتاهی قرار می گیرد", options: "بسته‌های الحاقی: کیف، کفش و کوله پشتی", - image: book1, + image: sciense_6, slicePrice: 300000, number: 1, price: 2500000, @@ -64,7 +64,7 @@ export default class Cart extends Component { title: "ریاضیات گسسته خیلی پیشرفته", subTitle: "در این قسمت توضیح بسیار کوتاهی قرار می گیرد", options: "بسته‌های الحاقی: کیف، کفش و کوله پشتی", - image: book1, + image: sciense_6, slicePrice: 150000, number: 1, price: 1000000, @@ -110,7 +110,10 @@ export default class Cart extends Component { <>
-
+

سبد خرید

diff --git a/src/views/Home/index.js b/src/views/Home/index.js index 70aa052..59bebab 100644 --- a/src/views/Home/index.js +++ b/src/views/Home/index.js @@ -10,61 +10,57 @@ import HomeSearch from "./HomeSearch/index"; import Membership from "./Membership/index"; import SingleBlog from "./SingleBlog/index"; -import pic1 from "../../assets/images/pic1.png" +import pic1 from "../../assets/images/pic1.png"; import pic from "../../assets/images/pic.png"; -import online from '../../assets/icons/online-education.png'; -import chemistry from '../../assets/icons/chemistry.png'; -import calculator from '../../assets/icons/calculator.png'; -import homework from '../../assets/icons/homework.png'; -import book1 from '../../assets/images/book1.png'; -import book2 from '../../assets/images/book2.png'; -import book3 from '../../assets/images/book3.png'; -import book4 from '../../assets/images/book4.png'; -import book5 from '../../assets/images/book5.png'; -import blog1 from '../../assets/images/blog1.png'; -import blog2 from '../../assets/images/blog2.png'; -import blog3 from '../../assets/images/blog3.png'; +import online from "../../assets/icons/online-education.png"; +import chemistry from "../../assets/icons/chemistry.png"; +import calculator from "../../assets/icons/calculator.png"; +import homework from "../../assets/icons/homework.png"; +import sciense_6 from "~/assets/images/sciense-6.png"; +import sciense_7 from "../../assets/images/sciense-7.png"; +import sciense_8 from "../../assets/images/sciense-8.png"; +import sciense_9 from "../../assets/images/sciense-9.png"; +import zist_10 from "../../assets/images/zist-10.png"; +import blog1 from "../../assets/images/blog1.png"; +import blog2 from "../../assets/images/blog2.png"; +import blog3 from "../../assets/images/blog3.png"; import ar from "../../assets/icons/qr.svg"; import qr from "../../assets/icons/qr.svg"; -import myBook from '../../assets/images/myBook.png'; -import homeBlog from '../../assets/images/homeBlog.png'; -import bookActivation from '../../assets/images/bookActivating.png'; +import myBook from "../../assets/images/myBook.png"; +import homeBlog from "../../assets/images/homeBlog.png"; +import bookActivation from "../../assets/images/bookActivating.png"; import "./index.scss"; export default class Home extends Component { constructor(props) { super(props); - this.state = { - - }; + this.state = {}; } render() { const { homeData, mobileData } = this.props; return ( <> - { - window.innerWidth > 1000 ? - <> -
- - {homeData.map((item, i) => ( - - ))} -
-
- : null - } - { - window.innerWidth < 1000 ? - <> -
- - {mobileData.map((item, i) => ( - - ))} -
- : null - } + {window.innerWidth > 1000 ? ( + <> +
+ + {homeData.map((item, i) => ( + + ))} +
+
+ + ) : null} + {window.innerWidth < 1000 ? ( + <> +
+ + {mobileData.map((item, i) => ( + + ))} +
+ + ) : null} ); } @@ -114,15 +110,18 @@ const Identifier = (props) => { ) : null} {props.item.type === "singleBlog" && window.innerWidth > 1000 ? ( - + ) : null} ); }; - Home.defaultProps = { - mobileData : [ + mobileData: [ { type: "slider", title: "", @@ -137,8 +136,8 @@ Home.defaultProps = { backgroundColor: "rgba(18, 159, 253,0.6)", title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "کاملا تضمینی با نمونه های موفق انفجاری", - link: '', - buttonText: 'اطلاعات بیشتر' + link: "", + buttonText: "اطلاعات بیشتر", }, { id: 1, @@ -147,8 +146,8 @@ Home.defaultProps = { backgroundColor: "rgba(18, 159, 253,0.6)", title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "کاملا تضمینی با نمونه های موفق انفجاری", - link: '', - buttonText: 'اطلاعات بیشتر' + link: "", + buttonText: "اطلاعات بیشتر", }, { id: 2, @@ -157,8 +156,8 @@ Home.defaultProps = { backgroundColor: "rgba(18, 159, 253,0.6)", title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "کاملا تضمینی با نمونه های موفق انفجاری", - link: '', - buttonText: 'اطلاعات بیشتر' + link: "", + buttonText: "اطلاعات بیشتر", }, ], }, @@ -166,206 +165,206 @@ Home.defaultProps = { type: "static", title: "", height: 160, - data : [ + data: [ { id: 0, imageUrl: qr, - backgroundColor : { - first: '#2070CBED', - second: '#2070CBED', - angle: '180deg' + backgroundColor: { + first: "#2070CBED", + second: "#2070CBED", + angle: "180deg", }, design: "flex", title: "QR خوان", subTitle: "در صفحات کتاب هوشمند", - link: '/qr-scan', - badge : '', - flex : 1, - fontSize : 'large', - color: 'white', + link: "/qr-scan", + badge: "", + flex: 1, + fontSize: "large", + color: "white", }, { id: 1, imageUrl: ar, - backgroundColor : { - first: '#09DA76', - second: '#056D3B', - angle: '230deg' + backgroundColor: { + first: "#09DA76", + second: "#056D3B", + angle: "230deg", }, design: "flex", title: "واقعیت افزوده", subTitle: "توضیحات مختصر در این رابطه", - link: '/ar-scan', - badge : '', - flex : 1, - fontSize : 'large', - color: 'white', + link: "/ar-scan", + badge: "", + flex: 1, + fontSize: "large", + color: "white", }, - ] + ], }, { type: "static", title: "", height: 160, - data : [ + data: [ { id: 0, imageUrl: qr, - backgroundColor : { - first: '#0AB81B', - second: '#6CFF61', - angle: '110deg' + backgroundColor: { + first: "#0AB81B", + second: "#6CFF61", + angle: "110deg", }, design: "flex", title: "دانوینی ها", subTitle: "", - link: '/chatroom', - badge : '5 پیام جدید', - flex : 1.6, - fontSize : 'normal', - color: 'white', + link: "/chatroom", + badge: "5 پیام جدید", + flex: 1.6, + fontSize: "normal", + color: "white", }, { id: 1, imageUrl: myBook, - backgroundColor : { - first: '#9446FCaa', - second: '#9446FCaa', - angle: '180deg' + backgroundColor: { + first: "#9446FCaa", + second: "#9446FCaa", + angle: "180deg", }, design: "simple", title: "کتابهای من", subTitle: "", - justifyContent: 'flex-start', - alignItems: 'center', - link: '/mybooks', - badge : '', - flex : 1, - fontSize : 'large', - color: 'white', - }, - ] + justifyContent: "flex-start", + alignItems: "center", + link: "/mybooks", + badge: "", + flex: 1, + fontSize: "large", + color: "white", + }, + ], }, { type: "static", title: "", height: 160, - data : [ + data: [ { id: 0, imageUrl: homeBlog, - backgroundColor : { - first: '#39BF55', - second: '#39BF4B55', - angle: '110deg' + backgroundColor: { + first: "#39BF55", + second: "#39BF4B55", + angle: "110deg", }, design: "simple", title: "بلاگ", subTitle: "", - justifyContent: 'center', - alignItems: 'center', - link: '/blog', - badge : '', - flex : 1.2, - fontSize : 'normal', - color: 'white', + justifyContent: "center", + alignItems: "center", + link: "/blog", + badge: "", + flex: 1.2, + fontSize: "normal", + color: "white", }, { id: 1, - backgroundColor : { - first: '#5DBEFF', - second: '#0483D9', - angle: '180deg' + backgroundColor: { + first: "#5DBEFF", + second: "#0483D9", + angle: "180deg", }, design: "vitrin", title: "فروشگاه", subTitle: "", - justifyContent: 'flex-start', - alignItems: 'center', + justifyContent: "flex-start", + alignItems: "center", books: [ - { id: 0, imageUrl: book1 }, - { id: 1, imageUrl: book2 }, - { id: 2, imageUrl: book3}, + { id: 0, imageUrl: sciense_6 }, + { id: 1, imageUrl: sciense_7 }, + { id: 2, imageUrl: sciense_8 }, ], - link: '/products', - badge : '', - flex : 2, - fontSize : 'large', - color: 'white', + link: "/products", + badge: "", + flex: 2, + fontSize: "large", + color: "white", }, - ] + ], }, - + { type: "static", title: "", - data : [ + data: [ { id: 0, design: "3d", - flex : 1, + flex: 1, subData: [ { id: 0, - imageUrl: '', - backgroundColor : { - first: '#FC365F', - second: '#7E1B30', - angle: '254deg' + imageUrl: "", + backgroundColor: { + first: "#FC365F", + second: "#7E1B30", + angle: "254deg", }, design: "simple", title: "پیشتیبانی", subTitle: "", - justifyContent: 'center', - alignItems: 'center', - link: '/chatroom', - badge : '', - flex : 1, - fontSize : 'normal', - color: 'white', + justifyContent: "center", + alignItems: "center", + link: "/chatroom", + badge: "", + flex: 1, + fontSize: "normal", + color: "white", }, { id: 1, - imageUrl: '', - backgroundColor : { - first: '#FFCC00', - second: '#FF9800', - angle: '105deg' + imageUrl: "", + backgroundColor: { + first: "#FFCC00", + second: "#FF9800", + angle: "105deg", }, design: "simple", title: "پروفایل", subTitle: "", - justifyContent: 'center', - alignItems: 'center', - link: '/profile', - badge : '', - flex : 1, - fontSize : 'normal', - color: 'white', + justifyContent: "center", + alignItems: "center", + link: "/profile", + badge: "", + flex: 1, + fontSize: "normal", + color: "white", }, - ] + ], }, { id: 1, - imageUrl : bookActivation, - backgroundColor : { - first: '#03FCDA7F', - second: '#03FCDA7F', - angle: '180deg' + imageUrl: bookActivation, + backgroundColor: { + first: "#03FCDA7F", + second: "#03FCDA7F", + angle: "180deg", }, design: "simple", title: "فعال سازی کتاب", subTitle: "", - justifyContent: 'center', - alignItems: 'center', - link: '/activation', - badge : '', - flex : 1, - fontSize : 'large', - color: 'white', - }, - ] - } + justifyContent: "center", + alignItems: "center", + link: "/activation", + badge: "", + flex: 1, + fontSize: "large", + color: "white", + }, + ], + }, ], homeData: [ { @@ -382,8 +381,8 @@ Home.defaultProps = { backgroundColor: "rgba(18, 159, 253,0.6)", title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "کاملا تضمینی با نمونه های موفق انفجاری", - link: '', - buttonText: 'اطلاعات بیشتر' + link: "", + buttonText: "اطلاعات بیشتر", }, { id: 1, @@ -392,8 +391,8 @@ Home.defaultProps = { backgroundColor: "rgba(18, 159, 253,0.6)", title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "کاملا تضمینی با نمونه های موفق انفجاری", - link: '', - buttonText: 'اطلاعات بیشتر' + link: "", + buttonText: "اطلاعات بیشتر", }, { id: 2, @@ -402,13 +401,13 @@ Home.defaultProps = { backgroundColor: "rgba(18, 159, 253,0.6)", title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "کاملا تضمینی با نمونه های موفق انفجاری", - link: '', - buttonText: 'اطلاعات بیشتر' + link: "", + buttonText: "اطلاعات بیشتر", }, ], }, { - type: window.innerWidth > 1000 ? '' : "static", + type: window.innerWidth > 1000 ? "" : "static", title: "", height: 150, data: [ @@ -416,15 +415,15 @@ Home.defaultProps = { image: qr, width: 48, link: "", - topText: 'QR خوان', - bottomText: 'توضیحات مختصر در این رابطه' + topText: "QR خوان", + bottomText: "توضیحات مختصر در این رابطه", }, { image: ar, width: 48, link: "", - topText: 'واقعیت افزوده', - bottomText: 'توضیحات مختصر در این رابطه' + topText: "واقعیت افزوده", + bottomText: "توضیحات مختصر در این رابطه", }, ], }, @@ -437,29 +436,29 @@ Home.defaultProps = { image: online, width: 24, link: "", - topText: 'دسترسی به محتوای آموزشی', - bottomText: 'از تمامی دستگاهها' + topText: "دسترسی به محتوای آموزشی", + bottomText: "از تمامی دستگاهها", }, { image: chemistry, width: 24, link: "", - topText: ' به صورت زنده و جالب انگیز', - bottomText: 'آزمایش انجام دهید' + topText: " به صورت زنده و جالب انگیز", + bottomText: "آزمایش انجام دهید", }, { image: calculator, width: 24, link: "", - topText: 'به صرفه تر هزینه کنید', - bottomText: 'با خرید یکی دوتا ببرید' + topText: "به صرفه تر هزینه کنید", + bottomText: "با خرید یکی دوتا ببرید", }, { image: homework, width: 24, link: "", - topText: 'به صورت کاملا تعاملی', - bottomText: 'درسهای خود را یاد بگیرید' + topText: "به صورت کاملا تعاملی", + bottomText: "درسهای خود را یاد بگیرید", }, ], }, @@ -470,180 +469,180 @@ Home.defaultProps = { { type: window.innerWidth > 1000 ? "slider" : "scroll", title: "کتاب‌های من", - moreText: 'لیست کتاب‌ها', + moreText: "لیست کتاب‌ها", height: window.innerWidth > 1000 ? 340 : 270, - design: window.innerWidth > 1000 ? "simple" : "myProduct", + design: window.innerWidth > 1000 ? "simple" : "myProduct", number: window.innerWidth > 1000 ? 4 : 2.8, data: [ { id: 0, - image: book1, + image: sciense_6, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه دهم ابتدایی", }, { id: 1, - image: book2, + image: sciense_7, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه ششم ابتدایی", }, { id: 2, - image: book3, + image: sciense_8, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه ششم ابتدایی", }, { id: 3, - image: book4, + image: sciense_9, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه دهم ابتدایی", }, { id: 4, - image: book5, + image: zist_10, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه هفتم ابتدایی", }, { id: 5, - image: book1, + image: sciense_6, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه دهم ابتدایی", }, { id: 6, - image: book2, + image: sciense_7, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه ششم ابتدایی", }, { id: 7, - image: book3, + image: sciense_8, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه ششم ابتدایی", }, { id: 8, - image: book4, + image: sciense_9, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه دهم ابتدایی", }, { id: 9, - image: book5, + image: zist_10, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه هفتم ابتدایی", }, ], }, { - type: window.innerWidth < 1000 ? 'scroll' : '', - title : 'موضوعات', - moreText: 'تمام موضوعات', - design: 'subjects', + type: window.innerWidth < 1000 ? "scroll" : "", + title: "موضوعات", + moreText: "تمام موضوعات", + design: "subjects", number: 4, data: [ - {id: 0, name : 'علوم طبیعی', backgroundColor: 'yellow'}, - {id: 1, name : 'شیمی الی', backgroundColor: 'red'}, - {id: 2, name : 'زمین شناسی', backgroundColor: 'blue'}, - {id: 3, name : 'ریاضیات', backgroundColor: 'purple'}, - ] + { id: 0, name: "علوم طبیعی", backgroundColor: "yellow" }, + { id: 1, name: "شیمی الی", backgroundColor: "red" }, + { id: 2, name: "زمین شناسی", backgroundColor: "blue" }, + { id: 3, name: "ریاضیات", backgroundColor: "purple" }, + ], }, { type: window.innerWidth > 1000 ? "slider" : "scroll", title: "پرفروش‌ترین کتاب‌های دانوین", - moreText: 'لیست کتاب‌ها', + moreText: "لیست کتاب‌ها", height: window.innerWidth > 1000 ? 420 : 320, - design: window.innerWidth > 1000 ? "simple" : "product", + design: window.innerWidth > 1000 ? "simple" : "product", number: window.innerWidth > 1000 ? 4 : 2.8, data: [ { id: 0, - image: book1, + image: sciense_6, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه دهم ابتدایی", - price : '78.000', - oldPrice: '', - date : new Date(), + price: "78.000", + oldPrice: "", + date: new Date(), }, { id: 1, - image: book2, + image: sciense_7, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه ششم ابتدایی", - price : '39.000', - oldPrice: '59.000', - date : new Date(), + price: "39.000", + oldPrice: "59.000", + date: new Date(), }, { id: 2, - image: book3, + image: sciense_8, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه ششم ابتدایی", - price : '21.000', - oldPrice: '', + price: "21.000", + oldPrice: "", }, { id: 3, - image: book4, + image: sciense_9, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه دهم ابتدایی", - price : '', - oldPrice: '', + price: "", + oldPrice: "", }, { id: 4, - image: book5, + image: zist_10, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه هفتم ابتدایی", - price : '59.000', - oldPrice: '', + price: "59.000", + oldPrice: "", }, { id: 5, - image: book1, + image: sciense_6, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه دهم ابتدایی", - price : '78.000', - oldPrice: '', - date : new Date(), + price: "78.000", + oldPrice: "", + date: new Date(), }, { id: 6, - image: book2, + image: sciense_7, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه ششم ابتدایی", - price : '39.000', - oldPrice: '59.000', - date : new Date(), + price: "39.000", + oldPrice: "59.000", + date: new Date(), }, { id: 7, - image: book3, + image: sciense_8, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه ششم ابتدایی", - price : '21.000', - oldPrice: '', - date : new Date(), + price: "21.000", + oldPrice: "", + date: new Date(), }, { id: 8, - image: book4, + image: sciense_9, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه دهم ابتدایی", - price : '', - oldPrice: '', - date : new Date(), + price: "", + oldPrice: "", + date: new Date(), }, { id: 9, - image: book5, + image: zist_10, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه هفتم ابتدایی", - price : '59.000', - oldPrice: '', - date : new Date(), + price: "59.000", + oldPrice: "", + date: new Date(), }, ], }, @@ -651,117 +650,118 @@ Home.defaultProps = { type: window.innerWidth > 1000 ? "slider" : "scroll", title: "جدیدترین کتاب‌های دانوین", height: window.innerWidth > 1000 ? 420 : 320, - design: window.innerWidth > 1000 ? "tab" : 'product', + design: window.innerWidth > 1000 ? "tab" : "product", number: window.innerWidth > 1000 ? 4 : 3.5, - moreText: 'لیست کتاب‌ها', + moreText: "لیست کتاب‌ها", data: [ { id: 0, - image: book1, + image: sciense_6, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه دهم ابتدایی", - price : '78.000', - oldPrice: '', - date : new Date(), + price: "78.000", + oldPrice: "", + date: new Date(), }, { id: 1, - image: book2, + image: sciense_7, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه ششم ابتدایی", - price : '39.000', - oldPrice: '59.000', - date : new Date(), + price: "39.000", + oldPrice: "59.000", + date: new Date(), }, { id: 2, - image: book3, + image: sciense_8, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه ششم ابتدایی", - price : '21.000', - oldPrice: '', + price: "21.000", + oldPrice: "", }, { id: 3, - image: book4, + image: sciense_9, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه دهم ابتدایی", - price : '', - oldPrice: '', + price: "", + oldPrice: "", }, { id: 4, - image: book5, + image: zist_10, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه هفتم ابتدایی", - price : '59.000', - oldPrice: '', + price: "59.000", + oldPrice: "", }, { id: 5, - image: book1, + image: sciense_6, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه دهم ابتدایی", - price : '78.000', - oldPrice: '', - date : new Date(), + price: "78.000", + oldPrice: "", + date: new Date(), }, { id: 6, - image: book2, + image: sciense_7, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه ششم ابتدایی", - price : '39.000', - oldPrice: '59.000', - date : new Date(), + price: "39.000", + oldPrice: "59.000", + date: new Date(), }, { id: 7, - image: book3, + image: sciense_8, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه ششم ابتدایی", - price : '21.000', - oldPrice: '', - date : new Date(), + price: "21.000", + oldPrice: "", + date: new Date(), }, { id: 8, - image: book4, + image: sciense_9, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه دهم ابتدایی", - price : '', - oldPrice: '', - date : new Date(), + price: "", + oldPrice: "", + date: new Date(), }, { id: 9, - image: book5, + image: zist_10, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه هفتم ابتدایی", - price : '59.000', - oldPrice: '', - date : new Date(), + price: "59.000", + oldPrice: "", + date: new Date(), }, ], }, { - type: 'singleBlog', - height : 350, - direction: 'rtl', + type: "singleBlog", + height: 350, + direction: "rtl", data: { - id: 0, + id: 0, image: pic, - video : null, + video: null, title: "منفجر کردن مغز خود را به ما بسپارید", - subTitle: "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.", - link: '', - buttonText: 'اطلاعات بیشتر' - } + subTitle: + "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.", + link: "", + buttonText: "اطلاعات بیشتر", + }, }, { type: "slider", title: "بلاگ", - height: '', + height: "", design: "blog", number: window.innerWidth > 1000 ? 3 : 2, data: [ @@ -769,49 +769,52 @@ Home.defaultProps = { id: 0, image: blog1, title: "منفجر کردن مغز خود را به ما بسپارید", - subTitle: "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه ", - date : new Date(), - link: '', - buttonText: 'ادامه مطلب', - category: {name : 'علمی تخیلی', color: 'red'}, - duration: '۲۰ دقیقه', + subTitle: + "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه ", + date: new Date(), + link: "", + buttonText: "ادامه مطلب", + category: { name: "علمی تخیلی", color: "red" }, + duration: "۲۰ دقیقه", }, { id: 1, image: blog2, title: "منفجر کردن مغز خود را به ما بسپارید", - subTitle: "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه ", - date : new Date(), - link: '', - buttonText: 'ادامه مطلب', - category: {name: 'تاریخی', color: 'blue'}, - duration: '۲۰ دقیقه' + subTitle: + "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه ", + date: new Date(), + link: "", + buttonText: "ادامه مطلب", + category: { name: "تاریخی", color: "blue" }, + duration: "۲۰ دقیقه", }, { id: 2, image: blog3, title: "منفجر کردن مغز خود را به ما بسپارید", - subTitle: "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه ", - link: '', - buttonText: 'ادامه مطلب', - category: {name : 'ورزشی', color: 'green'}, - duration: '۲۰ دقیقه' + subTitle: + "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه ", + link: "", + buttonText: "ادامه مطلب", + category: { name: "ورزشی", color: "green" }, + duration: "۲۰ دقیقه", }, { id: 3, image: pic, title: "منفجر کردن مغز خود را به ما بسپارید", - subTitle: "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه ", - link: '', - buttonText: 'ادامه مطلب', - category: {name: 'سیاسی', color: 'purple'}, - duration: '۲۰ دقیقه' + subTitle: + "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه ", + link: "", + buttonText: "ادامه مطلب", + category: { name: "سیاسی", color: "purple" }, + duration: "۲۰ دقیقه", }, ], }, { type: "membership", }, - ], -} +}; diff --git a/src/views/MyBooks/index.js b/src/views/MyBooks/index.js index 4e33104..e29dff0 100644 --- a/src/views/MyBooks/index.js +++ b/src/views/MyBooks/index.js @@ -4,10 +4,10 @@ import { Link } from "react-router-dom"; import Navbar from "../Home/Navbar/index"; import Footer from "../Home/Footer/index"; -import book6 from "../../assets/images/book6.png"; -import book7 from "../../assets/images/book7.png"; -import book8 from "../../assets/images/book8.png"; -import book9 from "../../assets/images/book9.png"; +import sciense_6 from "../../assets/images/sciense-6.png"; +import sciense_8 from "../../assets/images/sciense-8.png"; +import sciense_9 from "../../assets/images/sciense-9.png"; +import sciense_7 from "../../assets/images/sciense-7.png"; import basket from "../../assets/icons/basket.png"; import "./index.scss"; @@ -73,7 +73,9 @@ const Item = (props) => { }} > کتاب دیجیتال - { !data.status.digital ? افزودن به سبد خرید : null} + {!data.status.digital ? ( + افزودن به سبد خرید + ) : null} { }} > واقعیت افزوده - { !data.status.ar ? افزودن به سبد خرید : null} + {!data.status.ar ? ( + افزودن به سبد خرید + ) : null}
@@ -95,7 +99,7 @@ MyBooks.defaultProps = { { id: 0, link: "", - imageUrl: book6, + imageUrl: sciense_6, status: { digital: true, ar: true, @@ -104,7 +108,7 @@ MyBooks.defaultProps = { { id: 1, link: "", - imageUrl: book7, + imageUrl: sciense_8, status: { digital: false, ar: true, @@ -113,7 +117,7 @@ MyBooks.defaultProps = { { id: 2, link: "", - imageUrl: book8, + imageUrl: sciense_9, status: { digital: true, ar: false, @@ -122,7 +126,7 @@ MyBooks.defaultProps = { { id: 3, link: "", - imageUrl: book9, + imageUrl: sciense_7, status: { digital: true, ar: true, @@ -131,7 +135,7 @@ MyBooks.defaultProps = { { id: 4, link: "", - imageUrl: book6, + imageUrl: sciense_6, status: { digital: true, ar: true, @@ -140,7 +144,7 @@ MyBooks.defaultProps = { { id: 5, link: "", - imageUrl: book7, + imageUrl: sciense_8, status: { digital: true, ar: true, @@ -149,7 +153,7 @@ MyBooks.defaultProps = { { id: 6, link: "", - imageUrl: book8, + imageUrl: sciense_9, status: { digital: true, ar: true, @@ -158,7 +162,7 @@ MyBooks.defaultProps = { { id: 7, link: "", - imageUrl: book9, + imageUrl: sciense_7, status: { digital: true, ar: true, diff --git a/src/views/Product/index.js b/src/views/Product/index.js index 9bdbc42..85265f5 100644 --- a/src/views/Product/index.js +++ b/src/views/Product/index.js @@ -11,12 +11,12 @@ import AddToCart from "./AddToCart/index"; import HomeScroll from "../Home/HomeScroll/index"; import HomeSlider from "../Home/HomeSlider/index"; -import book2 from "../../assets/images/book2.png"; -import book1 from '../../assets/images/book1.png'; -import book3 from '../../assets/images/book3.png'; -import book4 from '../../assets/images/book4.png'; -import book5 from '../../assets/images/book5.png'; -import film from '../../assets/Video/film.mp4'; +import sciense_7 from "../../assets/images/sciense-7.png"; +import sciense_6 from "../../assets/images/sciense-6.png"; +import sciense_8 from "../../assets/images/sciense-8.png"; +import sciense_9 from "../../assets/images/sciense-9.png"; +import zist_10 from "../../assets/images/zist-10.png"; +import film from "../../assets/Video/film.mp4"; import "./index.scss"; @@ -25,11 +25,11 @@ const maxDesktopSize = 1250; const fontSize = { desktop: { h1: window.innerWidth > maxDesktopSize ? 20 : window.innerWidth / 70, - } -} + }, +}; export default class Product extends Component { render() { - const { product,sameProducts } = this.props; + const { product, sameProducts } = this.props; return ( <> {window.innerWidth > 1000 ? ( @@ -47,7 +47,9 @@ export default class Product extends Component {
-

نظرات خریداران

+

+ نظرات خریداران +

@@ -134,7 +136,7 @@ Product.defaultProps = { data: [ { id: 0, - image: book1, + image: sciense_6, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه دهم ابتدایی", price: "78.000", @@ -143,7 +145,7 @@ Product.defaultProps = { }, { id: 1, - image: book2, + image: sciense_7, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه ششم ابتدایی", price: "39.000", @@ -152,7 +154,7 @@ Product.defaultProps = { }, { id: 2, - image: book3, + image: sciense_8, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه ششم ابتدایی", price: "21.000", @@ -160,7 +162,7 @@ Product.defaultProps = { }, { id: 3, - image: book4, + image: sciense_9, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه دهم ابتدایی", price: "", @@ -168,7 +170,7 @@ Product.defaultProps = { }, { id: 4, - image: book5, + image: zist_10, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه هفتم ابتدایی", price: "59.000", @@ -176,7 +178,7 @@ Product.defaultProps = { }, { id: 5, - image: book1, + image: sciense_6, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه دهم ابتدایی", price: "78.000", @@ -185,7 +187,7 @@ Product.defaultProps = { }, { id: 6, - image: book2, + image: sciense_7, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه ششم ابتدایی", price: "39.000", @@ -194,7 +196,7 @@ Product.defaultProps = { }, { id: 7, - image: book3, + image: sciense_8, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه ششم ابتدایی", price: "21.000", @@ -203,7 +205,7 @@ Product.defaultProps = { }, { id: 8, - image: book4, + image: sciense_9, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه دهم ابتدایی", price: "", @@ -212,7 +214,7 @@ Product.defaultProps = { }, { id: 9, - image: book5, + image: zist_10, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه هفتم ابتدایی", price: "59.000", @@ -223,7 +225,7 @@ Product.defaultProps = { }, product: { id: 1, - image: book2, + image: sciense_7, title: "منفجر کردن مغز خود را به ما بسپارید", subTitle: "پایه ششم ابتدایی", price: "39.000", @@ -243,10 +245,10 @@ Product.defaultProps = { "کارت گرافیک مناسب جهت اجرای بازی", ], gallery: [ - {id : 0, value: film, type : 'film',}, - {id : 1, value: book1, type : 'image',}, - {id : 2, value: book2, type : 'image',}, - {value: book3, type : 'image',}, + { id: 0, value: film, type: "film" }, + { id: 1, value: sciense_6, type: "image" }, + { id: 2, value: sciense_7, type: "image" }, + { value: sciense_8, type: "image" }, ], description: "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشت", @@ -257,7 +259,7 @@ Product.defaultProps = { date: new Date(), text: "عالی بود. ممنون از سایت زیباتون", score: 4, - reply: 'ممنون از شما که به ما اعتماد کردید' + reply: "ممنون از شما که به ما اعتماد کردید", }, { id: 1, @@ -265,7 +267,7 @@ Product.defaultProps = { date: new Date(), text: "عالی بود. ممنون از سایت زیباتون", score: 2.5, - reply : '', + reply: "", }, { id: 2, @@ -273,7 +275,7 @@ Product.defaultProps = { date: new Date(), text: "عالی بود. ممنون از سایت زیباتون", score: 5, - reply : '', + reply: "", }, { id: 3, @@ -281,7 +283,7 @@ Product.defaultProps = { date: new Date(), text: "عالی بود. ممنون از سایت زیباتون", score: 3.7, - reply : '', + reply: "", }, { id: 4, @@ -289,7 +291,7 @@ Product.defaultProps = { date: new Date(), text: "عالی بود. ممنون از سایت زیباتون", score: 2, - reply : '', + reply: "", }, ], }, @@ -321,7 +323,6 @@ const Identifier = (props) => { data={props.item.data} /> ) : null} - ); }; diff --git a/src/views/Product/index.scss b/src/views/Product/index.scss index a0fdfad..ede28ff 100644 --- a/src/views/Product/index.scss +++ b/src/views/Product/index.scss @@ -1,29 +1,29 @@ -.mobile-product{ +.mobile-product { width: 100vw; max-width: 650px; margin: 0px auto; - padding : 0px 10px 40px; + padding: 0px 10px 40px; direction: rtl; padding-top: 90px; overflow-x: hidden; - &__header{ + &__header { width: 100%; - img{ + img { height: calc(100vh / 2.7); } - h1{ + h1 { margin-top: 10px; font-family: numeralBold; font-size: calc(100vw / 20); color: #7dc241; letter-spacing: -1px; } - h2{ + h2 { font-family: numeralMedium; font-size: calc(100vw / 28); color: #6f7074; } - a{ + a { border: 0px; font-family: numeralMedium; font-size: calc(100vw / 25); @@ -33,29 +33,29 @@ letter-spacing: -1px; text-decoration: none; } - &--purchase{ + &--purchase { border-top-left-radius: 8px; border-bottom-left-radius: 8px; background-color: #00cc69; color: white !important; } - &--sampleButton{ + &--sampleButton { border-top-right-radius: 8px; border-bottom-right-radius: 8px; background-color: #efefef; color: #6f7074 !important; } } - &__abstraction{ + &__abstraction { margin-top: 30px; width: 100%; - h1{ + h1 { font-family: numeralBold; font-size: calc(100vw / 22); color: #6f7074; letter-spacing: -1px; } - p{ + p { font-family: numeralLight; font-size: calc(100vw / 30); color: #6f7074; @@ -63,24 +63,24 @@ text-align: justify; } } - &__modules{ + &__modules { margin-top: 20px; width: 100%; padding: 20px 10px; background-color: #baffdc2f; border-radius: 10px; - h1{ + h1 { font-family: numeralBold; font-size: calc(100vw / 28); color: #02733c; letter-spacing: -1px; } - ul{ + ul { list-style: none; padding: 0px; margin: 0px; margin-top: 10px; - li{ + li { font-family: numeralLight; font-size: calc(100vw / 28); color: #02733c; @@ -88,24 +88,24 @@ } } } - &__tips{ + &__tips { margin-top: 20px; width: 100%; padding: 20px 10px; background-color: #1f6fb528; border-radius: 10px; - h1{ + h1 { font-family: numeralBold; font-size: calc(100vw / 28); color: #074f8b; letter-spacing: -1px; } - ul{ + ul { list-style: none; padding: 0px; margin: 0px; margin-top: 10px; - li{ + li { font-family: numeralLight; font-size: calc(100vw / 30); color: #074f8b; @@ -114,10 +114,10 @@ } } } - &__description{ + &__description { width: 100%; margin-top: 20px; - p{ + p { font-family: numeralLight; font-size: calc(100vw / 30); color: #6f7074; @@ -125,17 +125,17 @@ text-align: justify; } } - &__comments{ + &__comments { max-width: 100%; margin-top: 30px; - h1{ + h1 { font-family: numeralBold; font-size: calc(100vw / 22); color: #6f7074; letter-spacing: -1px; margin-bottom: 30px; } - &--list{ + &--list { width: 100vw; overflow-x: scroll !important; transform: translateX(10px); @@ -143,31 +143,31 @@ } } - -.product{ +.product { width: 100vw; max-width: 1250px; margin: 0px auto; - padding : 0px 10px 40px; + padding: 0px 10px 40px; direction: rtl; overflow-x: hidden; min-height: calc(100vh - 288px); - &__header{ + padding-top: 100px; + &__header { margin-top: 30px; width: 100%; height: 470px; padding: 0px 10px; } - &__comments{ + &__comments { width: 100%; margin-top: 30px; - h1{ + h1 { font-family: numeralBold; color: #6f7074; letter-spacing: -1px; margin-bottom: 30px; } - &--list{ + &--list { width: 100%; } } diff --git a/src/views/Products/index.js b/src/views/Products/index.js index c619a6e..67b9273 100644 --- a/src/views/Products/index.js +++ b/src/views/Products/index.js @@ -10,20 +10,19 @@ import List from "./List/index"; import Sort from "./Sort/index"; import Filters from "./Filters/index"; -import book1 from "../../assets/images/book1.png"; -import book2 from "../../assets/images/book2.png"; -import book3 from "../../assets/images/book3.png"; -import book4 from "../../assets/images/book4.png"; -import book5 from "../../assets/images/book5.png"; - +import sciense_6 from "../../assets/images/sciense-6.png"; +import sciense_7 from "../../assets/images/sciense-7.png"; +import sciense_8 from "../../assets/images/sciense-8.png"; +import sciense_9 from "../../assets/images/sciense-9.png"; +import zist_10 from "../../assets/images/zist-10.png"; import "./index.scss"; export default class Products extends Component { state = { - selectedSort : null, - selectedFilters : { - level : [], - subject : [], + selectedSort: null, + selectedFilters: { + level: [], + subject: [], }, firstFilters: [ { id: 0, value: "محبوب ترین" }, @@ -52,7 +51,7 @@ export default class Products extends Component { {window.innerWidth > 1000 ? ( <>
- +
@@ -68,7 +67,7 @@ export default class Products extends Component { {window.innerWidth < 1000 ? ( <>
- +