reza changes improts

master
RezaAshrafi77 3 years ago
parent f414876aae
commit 48d4374986
  1. 3
      .babelrc
  2. 4
      .vscode/settings.json
  3. 3
      package.json
  4. 2
      src/App.js
  5. 0
      src/assets/images/book-cover-mockup.png
  6. 0
      src/assets/images/book-mockup.png
  7. 0
      src/assets/images/chemistry-10.png
  8. 0
      src/assets/images/graphic-ghost.png
  9. 0
      src/assets/images/sciense-6.png
  10. 0
      src/assets/images/sciense-7.png
  11. 0
      src/assets/images/sciense-8.png
  12. 0
      src/assets/images/sciense-9.png
  13. 0
      src/assets/images/zist-10.png
  14. 31
      src/constants/images.js
  15. 15
      src/views/Activation/index.js
  16. 13
      src/views/Cart/index.js
  17. 511
      src/views/Home/index.js
  18. 32
      src/views/MyBooks/index.js
  19. 61
      src/views/Product/index.js
  20. 2
      src/views/Product/index.scss
  21. 66
      src/views/Products/index.js
  22. 43
      src/views/QR/index.js
  23. 9
      src/views/QRScan/index.js
  24. 7
      yarn.lock

@ -0,0 +1,3 @@
{
"plugins": [["babel-plugin-root-import"]]
}

@ -0,0 +1,4 @@
{
"editor.defaultFormatter": "esbenp.prettier-vscode",
"editor.formatOnSave": true
}

@ -66,5 +66,8 @@
"last 1 firefox version", "last 1 firefox version",
"last 1 safari version" "last 1 safari version"
] ]
},
"devDependencies": {
"babel-plugin-root-import": "^6.6.0"
} }
} }

@ -2,7 +2,7 @@ import React, { Component } from "react";
import AppRouter from "./AppRouter"; import AppRouter from "./AppRouter";
import store from "./Redux/store"; import store from "./Redux/store";
import { Provider } from "react-redux"; import { Provider } from "react-redux";
import 'bootstrap/dist/css/bootstrap.min.css'; import "bootstrap/dist/css/bootstrap.min.css";
class App extends Component { class App extends Component {
render() { render() {

Before

Width:  |  Height:  |  Size: 87 KiB

After

Width:  |  Height:  |  Size: 87 KiB

Before

Width:  |  Height:  |  Size: 39 KiB

After

Width:  |  Height:  |  Size: 39 KiB

Before

Width:  |  Height:  |  Size: 221 KiB

After

Width:  |  Height:  |  Size: 221 KiB

Before

Width:  |  Height:  |  Size: 88 KiB

After

Width:  |  Height:  |  Size: 88 KiB

Before

Width:  |  Height:  |  Size: 287 KiB

After

Width:  |  Height:  |  Size: 287 KiB

Before

Width:  |  Height:  |  Size: 102 KiB

After

Width:  |  Height:  |  Size: 102 KiB

Before

Width:  |  Height:  |  Size: 227 KiB

After

Width:  |  Height:  |  Size: 227 KiB

Before

Width:  |  Height:  |  Size: 186 KiB

After

Width:  |  Height:  |  Size: 186 KiB

Before

Width:  |  Height:  |  Size: 256 KiB

After

Width:  |  Height:  |  Size: 256 KiB

@ -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;

@ -4,7 +4,7 @@ import Footer from "../Home/Footer/index";
import { Link } from "react-router-dom"; import { Link } from "react-router-dom";
import History from "./History/index"; 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 analytics from "../../assets/icons/analytics.svg";
import danger from "../../assets/icons/danger.svg"; import danger from "../../assets/icons/danger.svg";
@ -36,7 +36,9 @@ export default class Activation extends Component {
<Navbar /> <Navbar />
<header className="activation__header d-flex flex-column align-items-center"> <header className="activation__header d-flex flex-column align-items-center">
<img src={analytics} alt="فعال سازی کتاب" /> <img src={analytics} alt="فعال سازی کتاب" />
<h1 style={{fontSize: fontSize.desktop.h1 }}>فعال سازی کتاب الکترونیک</h1> <h1 style={{ fontSize: fontSize.desktop.h1 }}>
فعال سازی کتاب الکترونیک
</h1>
</header> </header>
<div className="activation__description d-flex"> <div className="activation__description d-flex">
<span>.</span> <span>.</span>
@ -57,7 +59,12 @@ export default class Activation extends Component {
onChange={(e) => this.setState({ code: e.target.value })} onChange={(e) => this.setState({ code: e.target.value })}
style={{ fontSize: fontSize.desktop.form }} style={{ fontSize: fontSize.desktop.form }}
/> />
<button style={{fontSize: fontSize.desktop.form }} type="submit">ثبت کد فعال سازی</button> <button
style={{ fontSize: fontSize.desktop.form }}
type="submit"
>
ثبت کد فعال سازی
</button>
</form> </form>
<div className="activation__support d-flex align-center"> <div className="activation__support d-flex align-center">
<span> <span>
@ -136,7 +143,7 @@ Activation.defaultProps = {
title: "ریاضیات گسسته خیلی پیشرفته", title: "ریاضیات گسسته خیلی پیشرفته",
subTitle: "پایه هفتم ابتدایی", subTitle: "پایه هفتم ابتدایی",
status: "انجام شد", status: "انجام شد",
image: book1, image: sciense_6,
}, },
], ],
}; };

@ -6,7 +6,7 @@ import DiscoutCode from "./Discount/index";
import DeliveryMethod from "./DeliveryMethod/index"; import DeliveryMethod from "./DeliveryMethod/index";
import Factor from "./Factor/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"; import "./index.scss";
@ -44,7 +44,7 @@ export default class Cart extends Component {
title: " گسسته ", title: " گسسته ",
subTitle: " گیرد", subTitle: " گیرد",
options: "بپشتی", options: "بپشتی",
image: book1, image: sciense_6,
slicePrice: 200000, slicePrice: 200000,
number: 1, number: 1,
price: 1899900, price: 1899900,
@ -54,7 +54,7 @@ export default class Cart extends Component {
title: "ریاضیات گسسته خیلی پیشرفته", title: "ریاضیات گسسته خیلی پیشرفته",
subTitle: "در این قسمت توضیح بسیار کوتاهی قرار می گیرد", subTitle: "در این قسمت توضیح بسیار کوتاهی قرار می گیرد",
options: "بستههای الحاقی: کیف، کفش و کوله پشتی", options: "بستههای الحاقی: کیف، کفش و کوله پشتی",
image: book1, image: sciense_6,
slicePrice: 300000, slicePrice: 300000,
number: 1, number: 1,
price: 2500000, price: 2500000,
@ -64,7 +64,7 @@ export default class Cart extends Component {
title: "ریاضیات گسسته خیلی پیشرفته", title: "ریاضیات گسسته خیلی پیشرفته",
subTitle: "در این قسمت توضیح بسیار کوتاهی قرار می گیرد", subTitle: "در این قسمت توضیح بسیار کوتاهی قرار می گیرد",
options: "بستههای الحاقی: کیف، کفش و کوله پشتی", options: "بستههای الحاقی: کیف، کفش و کوله پشتی",
image: book1, image: sciense_6,
slicePrice: 150000, slicePrice: 150000,
number: 1, number: 1,
price: 1000000, price: 1000000,
@ -110,7 +110,10 @@ export default class Cart extends Component {
<> <>
<div className="cart d-flex flex-column"> <div className="cart d-flex flex-column">
<Navbar /> <Navbar />
<div className="d-flex" style={{ width: "100%", flex: 1, marginBottom : 10 }}> <div
className="d-flex"
style={{ width: "100%", flex: 1, marginBottom: 10 }}
>
<section className="cart__right d-flex flex-column"> <section className="cart__right d-flex flex-column">
<header> <header>
<h1 style={{ fontSize: fontSize.desktop.h1 }}>سبد خرید</h1> <h1 style={{ fontSize: fontSize.desktop.h1 }}>سبد خرید</h1>

@ -10,61 +10,57 @@ import HomeSearch from "./HomeSearch/index";
import Membership from "./Membership/index"; import Membership from "./Membership/index";
import SingleBlog from "./SingleBlog/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 pic from "../../assets/images/pic.png";
import online from '../../assets/icons/online-education.png'; import online from "../../assets/icons/online-education.png";
import chemistry from '../../assets/icons/chemistry.png'; import chemistry from "../../assets/icons/chemistry.png";
import calculator from '../../assets/icons/calculator.png'; import calculator from "../../assets/icons/calculator.png";
import homework from '../../assets/icons/homework.png'; import homework from "../../assets/icons/homework.png";
import book1 from '../../assets/images/book1.png'; import sciense_6 from "~/assets/images/sciense-6.png";
import book2 from '../../assets/images/book2.png'; import sciense_7 from "../../assets/images/sciense-7.png";
import book3 from '../../assets/images/book3.png'; import sciense_8 from "../../assets/images/sciense-8.png";
import book4 from '../../assets/images/book4.png'; import sciense_9 from "../../assets/images/sciense-9.png";
import book5 from '../../assets/images/book5.png'; import zist_10 from "../../assets/images/zist-10.png";
import blog1 from '../../assets/images/blog1.png'; import blog1 from "../../assets/images/blog1.png";
import blog2 from '../../assets/images/blog2.png'; import blog2 from "../../assets/images/blog2.png";
import blog3 from '../../assets/images/blog3.png'; import blog3 from "../../assets/images/blog3.png";
import ar from "../../assets/icons/qr.svg"; import ar from "../../assets/icons/qr.svg";
import qr from "../../assets/icons/qr.svg"; import qr from "../../assets/icons/qr.svg";
import myBook from '../../assets/images/myBook.png'; import myBook from "../../assets/images/myBook.png";
import homeBlog from '../../assets/images/homeBlog.png'; import homeBlog from "../../assets/images/homeBlog.png";
import bookActivation from '../../assets/images/bookActivating.png'; import bookActivation from "../../assets/images/bookActivating.png";
import "./index.scss"; import "./index.scss";
export default class Home extends Component { export default class Home extends Component {
constructor(props) { constructor(props) {
super(props); super(props);
this.state = { this.state = {};
};
} }
render() { render() {
const { homeData, mobileData } = this.props; const { homeData, mobileData } = this.props;
return ( return (
<> <>
{ {window.innerWidth > 1000 ? (
window.innerWidth > 1000 ?
<> <>
<div className="home d-flex flex-column"> <div className="home d-flex flex-column">
<Navbar page={'home'} /> <Navbar page={"home"} />
{homeData.map((item, i) => ( {homeData.map((item, i) => (
<Identifier item={item} key={i} /> <Identifier item={item} key={i} />
))} ))}
</div> </div>
<Footer /> <Footer />
</> : null </>
} ) : null}
{ {window.innerWidth < 1000 ? (
window.innerWidth < 1000 ?
<> <>
<div className="mobile-home d-flex flex-column"> <div className="mobile-home d-flex flex-column">
<Navbar page={'home'} /> <Navbar page={"home"} />
{mobileData.map((item, i) => ( {mobileData.map((item, i) => (
<Identifier item={item} key={i} /> <Identifier item={item} key={i} />
))} ))}
</div> </div>
</> : null </>
} ) : null}
</> </>
); );
} }
@ -114,13 +110,16 @@ const Identifier = (props) => {
<Membership /> <Membership />
) : null} ) : null}
{props.item.type === "singleBlog" && window.innerWidth > 1000 ? ( {props.item.type === "singleBlog" && window.innerWidth > 1000 ? (
<SingleBlog height={props.item.height} data={props.item.data} direction={props.item.direction} /> <SingleBlog
height={props.item.height}
data={props.item.data}
direction={props.item.direction}
/>
) : null} ) : null}
</> </>
); );
}; };
Home.defaultProps = { Home.defaultProps = {
mobileData: [ mobileData: [
{ {
@ -137,8 +136,8 @@ Home.defaultProps = {
backgroundColor: "rgba(18, 159, 253,0.6)", backgroundColor: "rgba(18, 159, 253,0.6)",
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "کاملا تضمینی با نمونه های موفق انفجاری", subTitle: "کاملا تضمینی با نمونه های موفق انفجاری",
link: '', link: "",
buttonText: 'اطلاعات بیشتر' buttonText: "اطلاعات بیشتر",
}, },
{ {
id: 1, id: 1,
@ -147,8 +146,8 @@ Home.defaultProps = {
backgroundColor: "rgba(18, 159, 253,0.6)", backgroundColor: "rgba(18, 159, 253,0.6)",
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "کاملا تضمینی با نمونه های موفق انفجاری", subTitle: "کاملا تضمینی با نمونه های موفق انفجاری",
link: '', link: "",
buttonText: 'اطلاعات بیشتر' buttonText: "اطلاعات بیشتر",
}, },
{ {
id: 2, id: 2,
@ -157,8 +156,8 @@ Home.defaultProps = {
backgroundColor: "rgba(18, 159, 253,0.6)", backgroundColor: "rgba(18, 159, 253,0.6)",
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "کاملا تضمینی با نمونه های موفق انفجاری", subTitle: "کاملا تضمینی با نمونه های موفق انفجاری",
link: '', link: "",
buttonText: 'اطلاعات بیشتر' buttonText: "اطلاعات بیشتر",
}, },
], ],
}, },
@ -171,37 +170,37 @@ Home.defaultProps = {
id: 0, id: 0,
imageUrl: qr, imageUrl: qr,
backgroundColor: { backgroundColor: {
first: '#2070CBED', first: "#2070CBED",
second: '#2070CBED', second: "#2070CBED",
angle: '180deg' angle: "180deg",
}, },
design: "flex", design: "flex",
title: "QR خوان", title: "QR خوان",
subTitle: "در صفحات کتاب هوشمند", subTitle: "در صفحات کتاب هوشمند",
link: '/qr-scan', link: "/qr-scan",
badge : '', badge: "",
flex: 1, flex: 1,
fontSize : 'large', fontSize: "large",
color: 'white', color: "white",
}, },
{ {
id: 1, id: 1,
imageUrl: ar, imageUrl: ar,
backgroundColor: { backgroundColor: {
first: '#09DA76', first: "#09DA76",
second: '#056D3B', second: "#056D3B",
angle: '230deg' angle: "230deg",
}, },
design: "flex", design: "flex",
title: "واقعیت افزوده", title: "واقعیت افزوده",
subTitle: "توضیحات مختصر در این رابطه", subTitle: "توضیحات مختصر در این رابطه",
link: '/ar-scan', link: "/ar-scan",
badge : '', badge: "",
flex: 1, flex: 1,
fontSize : 'large', fontSize: "large",
color: 'white', color: "white",
}, },
] ],
}, },
{ {
type: "static", type: "static",
@ -212,39 +211,39 @@ Home.defaultProps = {
id: 0, id: 0,
imageUrl: qr, imageUrl: qr,
backgroundColor: { backgroundColor: {
first: '#0AB81B', first: "#0AB81B",
second: '#6CFF61', second: "#6CFF61",
angle: '110deg' angle: "110deg",
}, },
design: "flex", design: "flex",
title: "دانوینی ها", title: "دانوینی ها",
subTitle: "", subTitle: "",
link: '/chatroom', link: "/chatroom",
badge : '5 پیام جدید', badge: "5 پیام جدید",
flex: 1.6, flex: 1.6,
fontSize : 'normal', fontSize: "normal",
color: 'white', color: "white",
}, },
{ {
id: 1, id: 1,
imageUrl: myBook, imageUrl: myBook,
backgroundColor: { backgroundColor: {
first: '#9446FCaa', first: "#9446FCaa",
second: '#9446FCaa', second: "#9446FCaa",
angle: '180deg' angle: "180deg",
}, },
design: "simple", design: "simple",
title: "کتابهای من", title: "کتابهای من",
subTitle: "", subTitle: "",
justifyContent: 'flex-start', justifyContent: "flex-start",
alignItems: 'center', alignItems: "center",
link: '/mybooks', link: "/mybooks",
badge : '', badge: "",
flex: 1, flex: 1,
fontSize : 'large', fontSize: "large",
color: 'white', color: "white",
}, },
] ],
}, },
{ {
type: "static", type: "static",
@ -255,45 +254,45 @@ Home.defaultProps = {
id: 0, id: 0,
imageUrl: homeBlog, imageUrl: homeBlog,
backgroundColor: { backgroundColor: {
first: '#39BF55', first: "#39BF55",
second: '#39BF4B55', second: "#39BF4B55",
angle: '110deg' angle: "110deg",
}, },
design: "simple", design: "simple",
title: "بلاگ", title: "بلاگ",
subTitle: "", subTitle: "",
justifyContent: 'center', justifyContent: "center",
alignItems: 'center', alignItems: "center",
link: '/blog', link: "/blog",
badge : '', badge: "",
flex: 1.2, flex: 1.2,
fontSize : 'normal', fontSize: "normal",
color: 'white', color: "white",
}, },
{ {
id: 1, id: 1,
backgroundColor: { backgroundColor: {
first: '#5DBEFF', first: "#5DBEFF",
second: '#0483D9', second: "#0483D9",
angle: '180deg' angle: "180deg",
}, },
design: "vitrin", design: "vitrin",
title: "فروشگاه", title: "فروشگاه",
subTitle: "", subTitle: "",
justifyContent: 'flex-start', justifyContent: "flex-start",
alignItems: 'center', alignItems: "center",
books: [ books: [
{ id: 0, imageUrl: book1 }, { id: 0, imageUrl: sciense_6 },
{ id: 1, imageUrl: book2 }, { id: 1, imageUrl: sciense_7 },
{ id: 2, imageUrl: book3}, { id: 2, imageUrl: sciense_8 },
], ],
link: '/products', link: "/products",
badge : '', badge: "",
flex: 2, flex: 2,
fontSize : 'large', fontSize: "large",
color: 'white', color: "white",
}, },
] ],
}, },
{ {
@ -307,65 +306,65 @@ Home.defaultProps = {
subData: [ subData: [
{ {
id: 0, id: 0,
imageUrl: '', imageUrl: "",
backgroundColor: { backgroundColor: {
first: '#FC365F', first: "#FC365F",
second: '#7E1B30', second: "#7E1B30",
angle: '254deg' angle: "254deg",
}, },
design: "simple", design: "simple",
title: "پیشتیبانی", title: "پیشتیبانی",
subTitle: "", subTitle: "",
justifyContent: 'center', justifyContent: "center",
alignItems: 'center', alignItems: "center",
link: '/chatroom', link: "/chatroom",
badge : '', badge: "",
flex: 1, flex: 1,
fontSize : 'normal', fontSize: "normal",
color: 'white', color: "white",
}, },
{ {
id: 1, id: 1,
imageUrl: '', imageUrl: "",
backgroundColor: { backgroundColor: {
first: '#FFCC00', first: "#FFCC00",
second: '#FF9800', second: "#FF9800",
angle: '105deg' angle: "105deg",
}, },
design: "simple", design: "simple",
title: "پروفایل", title: "پروفایل",
subTitle: "", subTitle: "",
justifyContent: 'center', justifyContent: "center",
alignItems: 'center', alignItems: "center",
link: '/profile', link: "/profile",
badge : '', badge: "",
flex: 1, flex: 1,
fontSize : 'normal', fontSize: "normal",
color: 'white', color: "white",
}, },
] ],
}, },
{ {
id: 1, id: 1,
imageUrl: bookActivation, imageUrl: bookActivation,
backgroundColor: { backgroundColor: {
first: '#03FCDA7F', first: "#03FCDA7F",
second: '#03FCDA7F', second: "#03FCDA7F",
angle: '180deg' angle: "180deg",
}, },
design: "simple", design: "simple",
title: "فعال سازی کتاب", title: "فعال سازی کتاب",
subTitle: "", subTitle: "",
justifyContent: 'center', justifyContent: "center",
alignItems: 'center', alignItems: "center",
link: '/activation', link: "/activation",
badge : '', badge: "",
flex: 1, flex: 1,
fontSize : 'large', fontSize: "large",
color: 'white', color: "white",
},
],
}, },
]
}
], ],
homeData: [ homeData: [
{ {
@ -382,8 +381,8 @@ Home.defaultProps = {
backgroundColor: "rgba(18, 159, 253,0.6)", backgroundColor: "rgba(18, 159, 253,0.6)",
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "کاملا تضمینی با نمونه های موفق انفجاری", subTitle: "کاملا تضمینی با نمونه های موفق انفجاری",
link: '', link: "",
buttonText: 'اطلاعات بیشتر' buttonText: "اطلاعات بیشتر",
}, },
{ {
id: 1, id: 1,
@ -392,8 +391,8 @@ Home.defaultProps = {
backgroundColor: "rgba(18, 159, 253,0.6)", backgroundColor: "rgba(18, 159, 253,0.6)",
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "کاملا تضمینی با نمونه های موفق انفجاری", subTitle: "کاملا تضمینی با نمونه های موفق انفجاری",
link: '', link: "",
buttonText: 'اطلاعات بیشتر' buttonText: "اطلاعات بیشتر",
}, },
{ {
id: 2, id: 2,
@ -402,13 +401,13 @@ Home.defaultProps = {
backgroundColor: "rgba(18, 159, 253,0.6)", backgroundColor: "rgba(18, 159, 253,0.6)",
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "کاملا تضمینی با نمونه های موفق انفجاری", subTitle: "کاملا تضمینی با نمونه های موفق انفجاری",
link: '', link: "",
buttonText: 'اطلاعات بیشتر' buttonText: "اطلاعات بیشتر",
}, },
], ],
}, },
{ {
type: window.innerWidth > 1000 ? '' : "static", type: window.innerWidth > 1000 ? "" : "static",
title: "", title: "",
height: 150, height: 150,
data: [ data: [
@ -416,15 +415,15 @@ Home.defaultProps = {
image: qr, image: qr,
width: 48, width: 48,
link: "", link: "",
topText: 'QR خوان', topText: "QR خوان",
bottomText: 'توضیحات مختصر در این رابطه' bottomText: "توضیحات مختصر در این رابطه",
}, },
{ {
image: ar, image: ar,
width: 48, width: 48,
link: "", link: "",
topText: 'واقعیت افزوده', topText: "واقعیت افزوده",
bottomText: 'توضیحات مختصر در این رابطه' bottomText: "توضیحات مختصر در این رابطه",
}, },
], ],
}, },
@ -437,29 +436,29 @@ Home.defaultProps = {
image: online, image: online,
width: 24, width: 24,
link: "", link: "",
topText: 'دسترسی به محتوای آموزشی', topText: "دسترسی به محتوای آموزشی",
bottomText: 'از تمامی دستگاهها' bottomText: "از تمامی دستگاهها",
}, },
{ {
image: chemistry, image: chemistry,
width: 24, width: 24,
link: "", link: "",
topText: ' به صورت زنده و جالب انگیز', topText: " به صورت زنده و جالب انگیز",
bottomText: 'آزمایش انجام دهید' bottomText: "آزمایش انجام دهید",
}, },
{ {
image: calculator, image: calculator,
width: 24, width: 24,
link: "", link: "",
topText: 'به صرفه تر هزینه کنید', topText: "به صرفه تر هزینه کنید",
bottomText: 'با خرید یکی دوتا ببرید' bottomText: "با خرید یکی دوتا ببرید",
}, },
{ {
image: homework, image: homework,
width: 24, width: 24,
link: "", link: "",
topText: 'به صورت کاملا تعاملی', topText: "به صورت کاملا تعاملی",
bottomText: 'درسهای خود را یاد بگیرید' bottomText: "درسهای خود را یاد بگیرید",
}, },
], ],
}, },
@ -470,179 +469,179 @@ Home.defaultProps = {
{ {
type: window.innerWidth > 1000 ? "slider" : "scroll", type: window.innerWidth > 1000 ? "slider" : "scroll",
title: "کتابهای من", title: "کتابهای من",
moreText: 'لیست کتابها', moreText: "لیست کتابها",
height: window.innerWidth > 1000 ? 340 : 270, 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, number: window.innerWidth > 1000 ? 4 : 2.8,
data: [ data: [
{ {
id: 0, id: 0,
image: book1, image: sciense_6,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه دهم ابتدایی", subTitle: "پایه دهم ابتدایی",
}, },
{ {
id: 1, id: 1,
image: book2, image: sciense_7,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
}, },
{ {
id: 2, id: 2,
image: book3, image: sciense_8,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
}, },
{ {
id: 3, id: 3,
image: book4, image: sciense_9,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه دهم ابتدایی", subTitle: "پایه دهم ابتدایی",
}, },
{ {
id: 4, id: 4,
image: book5, image: zist_10,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه هفتم ابتدایی", subTitle: "پایه هفتم ابتدایی",
}, },
{ {
id: 5, id: 5,
image: book1, image: sciense_6,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه دهم ابتدایی", subTitle: "پایه دهم ابتدایی",
}, },
{ {
id: 6, id: 6,
image: book2, image: sciense_7,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
}, },
{ {
id: 7, id: 7,
image: book3, image: sciense_8,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
}, },
{ {
id: 8, id: 8,
image: book4, image: sciense_9,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه دهم ابتدایی", subTitle: "پایه دهم ابتدایی",
}, },
{ {
id: 9, id: 9,
image: book5, image: zist_10,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه هفتم ابتدایی", subTitle: "پایه هفتم ابتدایی",
}, },
], ],
}, },
{ {
type: window.innerWidth < 1000 ? 'scroll' : '', type: window.innerWidth < 1000 ? "scroll" : "",
title : 'موضوعات', title: "موضوعات",
moreText: 'تمام موضوعات', moreText: "تمام موضوعات",
design: 'subjects', design: "subjects",
number: 4, number: 4,
data: [ data: [
{id: 0, name : 'علوم طبیعی', backgroundColor: 'yellow'}, { id: 0, name: "علوم طبیعی", backgroundColor: "yellow" },
{id: 1, name : 'شیمی الی', backgroundColor: 'red'}, { id: 1, name: "شیمی الی", backgroundColor: "red" },
{id: 2, name : 'زمین شناسی', backgroundColor: 'blue'}, { id: 2, name: "زمین شناسی", backgroundColor: "blue" },
{id: 3, name : 'ریاضیات', backgroundColor: 'purple'}, { id: 3, name: "ریاضیات", backgroundColor: "purple" },
] ],
}, },
{ {
type: window.innerWidth > 1000 ? "slider" : "scroll", type: window.innerWidth > 1000 ? "slider" : "scroll",
title: "پرفروشترین کتابهای دانوین", title: "پرفروشترین کتابهای دانوین",
moreText: 'لیست کتابها', moreText: "لیست کتابها",
height: window.innerWidth > 1000 ? 420 : 320, 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, number: window.innerWidth > 1000 ? 4 : 2.8,
data: [ data: [
{ {
id: 0, id: 0,
image: book1, image: sciense_6,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه دهم ابتدایی", subTitle: "پایه دهم ابتدایی",
price : '78.000', price: "78.000",
oldPrice: '', oldPrice: "",
date: new Date(), date: new Date(),
}, },
{ {
id: 1, id: 1,
image: book2, image: sciense_7,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
price : '39.000', price: "39.000",
oldPrice: '59.000', oldPrice: "59.000",
date: new Date(), date: new Date(),
}, },
{ {
id: 2, id: 2,
image: book3, image: sciense_8,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
price : '21.000', price: "21.000",
oldPrice: '', oldPrice: "",
}, },
{ {
id: 3, id: 3,
image: book4, image: sciense_9,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه دهم ابتدایی", subTitle: "پایه دهم ابتدایی",
price : '', price: "",
oldPrice: '', oldPrice: "",
}, },
{ {
id: 4, id: 4,
image: book5, image: zist_10,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه هفتم ابتدایی", subTitle: "پایه هفتم ابتدایی",
price : '59.000', price: "59.000",
oldPrice: '', oldPrice: "",
}, },
{ {
id: 5, id: 5,
image: book1, image: sciense_6,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه دهم ابتدایی", subTitle: "پایه دهم ابتدایی",
price : '78.000', price: "78.000",
oldPrice: '', oldPrice: "",
date: new Date(), date: new Date(),
}, },
{ {
id: 6, id: 6,
image: book2, image: sciense_7,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
price : '39.000', price: "39.000",
oldPrice: '59.000', oldPrice: "59.000",
date: new Date(), date: new Date(),
}, },
{ {
id: 7, id: 7,
image: book3, image: sciense_8,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
price : '21.000', price: "21.000",
oldPrice: '', oldPrice: "",
date: new Date(), date: new Date(),
}, },
{ {
id: 8, id: 8,
image: book4, image: sciense_9,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه دهم ابتدایی", subTitle: "پایه دهم ابتدایی",
price : '', price: "",
oldPrice: '', oldPrice: "",
date: new Date(), date: new Date(),
}, },
{ {
id: 9, id: 9,
image: book5, image: zist_10,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه هفتم ابتدایی", subTitle: "پایه هفتم ابتدایی",
price : '59.000', price: "59.000",
oldPrice: '', oldPrice: "",
date: new Date(), date: new Date(),
}, },
], ],
@ -651,117 +650,118 @@ Home.defaultProps = {
type: window.innerWidth > 1000 ? "slider" : "scroll", type: window.innerWidth > 1000 ? "slider" : "scroll",
title: "جدیدترین کتابهای دانوین", title: "جدیدترین کتابهای دانوین",
height: window.innerWidth > 1000 ? 420 : 320, 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, number: window.innerWidth > 1000 ? 4 : 3.5,
moreText: 'لیست کتابها', moreText: "لیست کتابها",
data: [ data: [
{ {
id: 0, id: 0,
image: book1, image: sciense_6,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه دهم ابتدایی", subTitle: "پایه دهم ابتدایی",
price : '78.000', price: "78.000",
oldPrice: '', oldPrice: "",
date: new Date(), date: new Date(),
}, },
{ {
id: 1, id: 1,
image: book2, image: sciense_7,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
price : '39.000', price: "39.000",
oldPrice: '59.000', oldPrice: "59.000",
date: new Date(), date: new Date(),
}, },
{ {
id: 2, id: 2,
image: book3, image: sciense_8,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
price : '21.000', price: "21.000",
oldPrice: '', oldPrice: "",
}, },
{ {
id: 3, id: 3,
image: book4, image: sciense_9,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه دهم ابتدایی", subTitle: "پایه دهم ابتدایی",
price : '', price: "",
oldPrice: '', oldPrice: "",
}, },
{ {
id: 4, id: 4,
image: book5, image: zist_10,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه هفتم ابتدایی", subTitle: "پایه هفتم ابتدایی",
price : '59.000', price: "59.000",
oldPrice: '', oldPrice: "",
}, },
{ {
id: 5, id: 5,
image: book1, image: sciense_6,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه دهم ابتدایی", subTitle: "پایه دهم ابتدایی",
price : '78.000', price: "78.000",
oldPrice: '', oldPrice: "",
date: new Date(), date: new Date(),
}, },
{ {
id: 6, id: 6,
image: book2, image: sciense_7,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
price : '39.000', price: "39.000",
oldPrice: '59.000', oldPrice: "59.000",
date: new Date(), date: new Date(),
}, },
{ {
id: 7, id: 7,
image: book3, image: sciense_8,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
price : '21.000', price: "21.000",
oldPrice: '', oldPrice: "",
date: new Date(), date: new Date(),
}, },
{ {
id: 8, id: 8,
image: book4, image: sciense_9,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه دهم ابتدایی", subTitle: "پایه دهم ابتدایی",
price : '', price: "",
oldPrice: '', oldPrice: "",
date: new Date(), date: new Date(),
}, },
{ {
id: 9, id: 9,
image: book5, image: zist_10,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه هفتم ابتدایی", subTitle: "پایه هفتم ابتدایی",
price : '59.000', price: "59.000",
oldPrice: '', oldPrice: "",
date: new Date(), date: new Date(),
}, },
], ],
}, },
{ {
type: 'singleBlog', type: "singleBlog",
height: 350, height: 350,
direction: 'rtl', direction: "rtl",
data: { data: {
id: 0, id: 0,
image: pic, image: pic,
video: null, video: null,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.", subTitle:
link: '', "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشتری را برای طراحان رایانه ای علی الخصوص طراحان خلاقی، و فرهنگ پیشرو در زبان فارسی ایجاد کرد، در این صورت می توان امید داشت که تمام و دشواری موجود در ارائه راهکارها، و شرایط سخت تایپ به پایان رسد و زمان مورد نیاز شامل حروفچینی دستاوردهای اصلی، و جوابگوی سوالات پیوسته اهل دنیای موجود طراحی اساسا مورد استفاده قرار گیرد.",
buttonText: 'اطلاعات بیشتر' link: "",
} buttonText: "اطلاعات بیشتر",
},
}, },
{ {
type: "slider", type: "slider",
title: "بلاگ", title: "بلاگ",
height: '', height: "",
design: "blog", design: "blog",
number: window.innerWidth > 1000 ? 3 : 2, number: window.innerWidth > 1000 ? 3 : 2,
data: [ data: [
@ -769,49 +769,52 @@ Home.defaultProps = {
id: 0, id: 0,
image: blog1, image: blog1,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه ", subTitle:
"لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه ",
date: new Date(), date: new Date(),
link: '', link: "",
buttonText: 'ادامه مطلب', buttonText: "ادامه مطلب",
category: {name : 'علمی تخیلی', color: 'red'}, category: { name: "علمی تخیلی", color: "red" },
duration: '۲۰ دقیقه', duration: "۲۰ دقیقه",
}, },
{ {
id: 1, id: 1,
image: blog2, image: blog2,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه ", subTitle:
"لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه ",
date: new Date(), date: new Date(),
link: '', link: "",
buttonText: 'ادامه مطلب', buttonText: "ادامه مطلب",
category: {name: 'تاریخی', color: 'blue'}, category: { name: "تاریخی", color: "blue" },
duration: '۲۰ دقیقه' duration: "۲۰ دقیقه",
}, },
{ {
id: 2, id: 2,
image: blog3, image: blog3,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه ", subTitle:
link: '', "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه ",
buttonText: 'ادامه مطلب', link: "",
category: {name : 'ورزشی', color: 'green'}, buttonText: "ادامه مطلب",
duration: '۲۰ دقیقه' category: { name: "ورزشی", color: "green" },
duration: "۲۰ دقیقه",
}, },
{ {
id: 3, id: 3,
image: pic, image: pic,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه ", subTitle:
link: '', "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه ",
buttonText: 'ادامه مطلب', link: "",
category: {name: 'سیاسی', color: 'purple'}, buttonText: "ادامه مطلب",
duration: '۲۰ دقیقه' category: { name: "سیاسی", color: "purple" },
duration: "۲۰ دقیقه",
}, },
], ],
}, },
{ {
type: "membership", type: "membership",
}, },
], ],
} };

@ -4,10 +4,10 @@ import { Link } from "react-router-dom";
import Navbar from "../Home/Navbar/index"; import Navbar from "../Home/Navbar/index";
import Footer from "../Home/Footer/index"; import Footer from "../Home/Footer/index";
import book6 from "../../assets/images/book6.png"; import sciense_6 from "../../assets/images/sciense-6.png";
import book7 from "../../assets/images/book7.png"; import sciense_8 from "../../assets/images/sciense-8.png";
import book8 from "../../assets/images/book8.png"; import sciense_9 from "../../assets/images/sciense-9.png";
import book9 from "../../assets/images/book9.png"; import sciense_7 from "../../assets/images/sciense-7.png";
import basket from "../../assets/icons/basket.png"; import basket from "../../assets/icons/basket.png";
import "./index.scss"; import "./index.scss";
@ -73,7 +73,9 @@ const Item = (props) => {
}} }}
> >
کتاب دیجیتال کتاب دیجیتال
{ !data.status.digital ? <img src={basket} alt="افزودن به سبد خرید" /> : null} {!data.status.digital ? (
<img src={basket} alt="افزودن به سبد خرید" />
) : null}
</Link> </Link>
<Link <Link
style={{ style={{
@ -83,7 +85,9 @@ const Item = (props) => {
}} }}
> >
واقعیت افزوده واقعیت افزوده
{ !data.status.ar ? <img src={basket} alt="افزودن به سبد خرید" /> : null} {!data.status.ar ? (
<img src={basket} alt="افزودن به سبد خرید" />
) : null}
</Link> </Link>
</div> </div>
</div> </div>
@ -95,7 +99,7 @@ MyBooks.defaultProps = {
{ {
id: 0, id: 0,
link: "", link: "",
imageUrl: book6, imageUrl: sciense_6,
status: { status: {
digital: true, digital: true,
ar: true, ar: true,
@ -104,7 +108,7 @@ MyBooks.defaultProps = {
{ {
id: 1, id: 1,
link: "", link: "",
imageUrl: book7, imageUrl: sciense_8,
status: { status: {
digital: false, digital: false,
ar: true, ar: true,
@ -113,7 +117,7 @@ MyBooks.defaultProps = {
{ {
id: 2, id: 2,
link: "", link: "",
imageUrl: book8, imageUrl: sciense_9,
status: { status: {
digital: true, digital: true,
ar: false, ar: false,
@ -122,7 +126,7 @@ MyBooks.defaultProps = {
{ {
id: 3, id: 3,
link: "", link: "",
imageUrl: book9, imageUrl: sciense_7,
status: { status: {
digital: true, digital: true,
ar: true, ar: true,
@ -131,7 +135,7 @@ MyBooks.defaultProps = {
{ {
id: 4, id: 4,
link: "", link: "",
imageUrl: book6, imageUrl: sciense_6,
status: { status: {
digital: true, digital: true,
ar: true, ar: true,
@ -140,7 +144,7 @@ MyBooks.defaultProps = {
{ {
id: 5, id: 5,
link: "", link: "",
imageUrl: book7, imageUrl: sciense_8,
status: { status: {
digital: true, digital: true,
ar: true, ar: true,
@ -149,7 +153,7 @@ MyBooks.defaultProps = {
{ {
id: 6, id: 6,
link: "", link: "",
imageUrl: book8, imageUrl: sciense_9,
status: { status: {
digital: true, digital: true,
ar: true, ar: true,
@ -158,7 +162,7 @@ MyBooks.defaultProps = {
{ {
id: 7, id: 7,
link: "", link: "",
imageUrl: book9, imageUrl: sciense_7,
status: { status: {
digital: true, digital: true,
ar: true, ar: true,

@ -11,12 +11,12 @@ import AddToCart from "./AddToCart/index";
import HomeScroll from "../Home/HomeScroll/index"; import HomeScroll from "../Home/HomeScroll/index";
import HomeSlider from "../Home/HomeSlider/index"; import HomeSlider from "../Home/HomeSlider/index";
import book2 from "../../assets/images/book2.png"; import sciense_7 from "../../assets/images/sciense-7.png";
import book1 from '../../assets/images/book1.png'; import sciense_6 from "../../assets/images/sciense-6.png";
import book3 from '../../assets/images/book3.png'; import sciense_8 from "../../assets/images/sciense-8.png";
import book4 from '../../assets/images/book4.png'; import sciense_9 from "../../assets/images/sciense-9.png";
import book5 from '../../assets/images/book5.png'; import zist_10 from "../../assets/images/zist-10.png";
import film from '../../assets/Video/film.mp4'; import film from "../../assets/Video/film.mp4";
import "./index.scss"; import "./index.scss";
@ -25,8 +25,8 @@ const maxDesktopSize = 1250;
const fontSize = { const fontSize = {
desktop: { desktop: {
h1: window.innerWidth > maxDesktopSize ? 20 : window.innerWidth / 70, h1: window.innerWidth > maxDesktopSize ? 20 : window.innerWidth / 70,
} },
} };
export default class Product extends Component { export default class Product extends Component {
render() { render() {
const { product, sameProducts } = this.props; const { product, sameProducts } = this.props;
@ -47,7 +47,9 @@ export default class Product extends Component {
<AddToCart price={product.price} off={product.off} /> <AddToCart price={product.price} off={product.off} />
</header> </header>
<div className="product__comments d-flex flex-column"> <div className="product__comments d-flex flex-column">
<h1 style={{ fontSize: fontSize.desktop.h1 }}>نظرات خریداران</h1> <h1 style={{ fontSize: fontSize.desktop.h1 }}>
نظرات خریداران
</h1>
<div className="product__comments--list d-flex flex-column"> <div className="product__comments--list d-flex flex-column">
<Comment comment={product.comments[0]} /> <Comment comment={product.comments[0]} />
</div> </div>
@ -134,7 +136,7 @@ Product.defaultProps = {
data: [ data: [
{ {
id: 0, id: 0,
image: book1, image: sciense_6,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه دهم ابتدایی", subTitle: "پایه دهم ابتدایی",
price: "78.000", price: "78.000",
@ -143,7 +145,7 @@ Product.defaultProps = {
}, },
{ {
id: 1, id: 1,
image: book2, image: sciense_7,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
price: "39.000", price: "39.000",
@ -152,7 +154,7 @@ Product.defaultProps = {
}, },
{ {
id: 2, id: 2,
image: book3, image: sciense_8,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
price: "21.000", price: "21.000",
@ -160,7 +162,7 @@ Product.defaultProps = {
}, },
{ {
id: 3, id: 3,
image: book4, image: sciense_9,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه دهم ابتدایی", subTitle: "پایه دهم ابتدایی",
price: "", price: "",
@ -168,7 +170,7 @@ Product.defaultProps = {
}, },
{ {
id: 4, id: 4,
image: book5, image: zist_10,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه هفتم ابتدایی", subTitle: "پایه هفتم ابتدایی",
price: "59.000", price: "59.000",
@ -176,7 +178,7 @@ Product.defaultProps = {
}, },
{ {
id: 5, id: 5,
image: book1, image: sciense_6,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه دهم ابتدایی", subTitle: "پایه دهم ابتدایی",
price: "78.000", price: "78.000",
@ -185,7 +187,7 @@ Product.defaultProps = {
}, },
{ {
id: 6, id: 6,
image: book2, image: sciense_7,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
price: "39.000", price: "39.000",
@ -194,7 +196,7 @@ Product.defaultProps = {
}, },
{ {
id: 7, id: 7,
image: book3, image: sciense_8,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
price: "21.000", price: "21.000",
@ -203,7 +205,7 @@ Product.defaultProps = {
}, },
{ {
id: 8, id: 8,
image: book4, image: sciense_9,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه دهم ابتدایی", subTitle: "پایه دهم ابتدایی",
price: "", price: "",
@ -212,7 +214,7 @@ Product.defaultProps = {
}, },
{ {
id: 9, id: 9,
image: book5, image: zist_10,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه هفتم ابتدایی", subTitle: "پایه هفتم ابتدایی",
price: "59.000", price: "59.000",
@ -223,7 +225,7 @@ Product.defaultProps = {
}, },
product: { product: {
id: 1, id: 1,
image: book2, image: sciense_7,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
price: "39.000", price: "39.000",
@ -243,10 +245,10 @@ Product.defaultProps = {
"کارت گرافیک مناسب جهت اجرای بازی", "کارت گرافیک مناسب جهت اجرای بازی",
], ],
gallery: [ gallery: [
{id : 0, value: film, type : 'film',}, { id: 0, value: film, type: "film" },
{id : 1, value: book1, type : 'image',}, { id: 1, value: sciense_6, type: "image" },
{id : 2, value: book2, type : 'image',}, { id: 2, value: sciense_7, type: "image" },
{value: book3, type : 'image',}, { value: sciense_8, type: "image" },
], ],
description: description:
"لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشت", "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشت",
@ -257,7 +259,7 @@ Product.defaultProps = {
date: new Date(), date: new Date(),
text: "عالی بود. ممنون از سایت زیباتون", text: "عالی بود. ممنون از سایت زیباتون",
score: 4, score: 4,
reply: 'ممنون از شما که به ما اعتماد کردید' reply: "ممنون از شما که به ما اعتماد کردید",
}, },
{ {
id: 1, id: 1,
@ -265,7 +267,7 @@ Product.defaultProps = {
date: new Date(), date: new Date(),
text: "عالی بود. ممنون از سایت زیباتون", text: "عالی بود. ممنون از سایت زیباتون",
score: 2.5, score: 2.5,
reply : '', reply: "",
}, },
{ {
id: 2, id: 2,
@ -273,7 +275,7 @@ Product.defaultProps = {
date: new Date(), date: new Date(),
text: "عالی بود. ممنون از سایت زیباتون", text: "عالی بود. ممنون از سایت زیباتون",
score: 5, score: 5,
reply : '', reply: "",
}, },
{ {
id: 3, id: 3,
@ -281,7 +283,7 @@ Product.defaultProps = {
date: new Date(), date: new Date(),
text: "عالی بود. ممنون از سایت زیباتون", text: "عالی بود. ممنون از سایت زیباتون",
score: 3.7, score: 3.7,
reply : '', reply: "",
}, },
{ {
id: 4, id: 4,
@ -289,7 +291,7 @@ Product.defaultProps = {
date: new Date(), date: new Date(),
text: "عالی بود. ممنون از سایت زیباتون", text: "عالی بود. ممنون از سایت زیباتون",
score: 2, score: 2,
reply : '', reply: "",
}, },
], ],
}, },
@ -321,7 +323,6 @@ const Identifier = (props) => {
data={props.item.data} data={props.item.data}
/> />
) : null} ) : null}
</> </>
); );
}; };

@ -143,7 +143,6 @@
} }
} }
.product { .product {
width: 100vw; width: 100vw;
max-width: 1250px; max-width: 1250px;
@ -152,6 +151,7 @@
direction: rtl; direction: rtl;
overflow-x: hidden; overflow-x: hidden;
min-height: calc(100vh - 288px); min-height: calc(100vh - 288px);
padding-top: 100px;
&__header { &__header {
margin-top: 30px; margin-top: 30px;
width: 100%; width: 100%;

@ -10,12 +10,11 @@ import List from "./List/index";
import Sort from "./Sort/index"; import Sort from "./Sort/index";
import Filters from "./Filters/index"; import Filters from "./Filters/index";
import book1 from "../../assets/images/book1.png"; import sciense_6 from "../../assets/images/sciense-6.png";
import book2 from "../../assets/images/book2.png"; import sciense_7 from "../../assets/images/sciense-7.png";
import book3 from "../../assets/images/book3.png"; import sciense_8 from "../../assets/images/sciense-8.png";
import book4 from "../../assets/images/book4.png"; import sciense_9 from "../../assets/images/sciense-9.png";
import book5 from "../../assets/images/book5.png"; import zist_10 from "../../assets/images/zist-10.png";
import "./index.scss"; import "./index.scss";
export default class Products extends Component { export default class Products extends Component {
@ -52,7 +51,7 @@ export default class Products extends Component {
{window.innerWidth > 1000 ? ( {window.innerWidth > 1000 ? (
<> <>
<div className="products d-flex flex-column"> <div className="products d-flex flex-column">
<Navbar page={'products'} /> <Navbar page={"products"} />
<Breadcrumbs /> <Breadcrumbs />
<div className="products__body d-flex"> <div className="products__body d-flex">
<Filters parent={this} /> <Filters parent={this} />
@ -68,7 +67,7 @@ export default class Products extends Component {
{window.innerWidth < 1000 ? ( {window.innerWidth < 1000 ? (
<> <>
<div className="mobile-products d-flex flex-column"> <div className="mobile-products d-flex flex-column">
<Navbar page={'products'} /> <Navbar page={"products"} />
<div className="mobile-products__filters d-flex"> <div className="mobile-products__filters d-flex">
<div className="d-flex"> <div className="d-flex">
<Select name="first" options={firstFilters} parent={this} /> <Select name="first" options={firstFilters} parent={this} />
@ -92,31 +91,26 @@ export default class Products extends Component {
Products.defaultProps = { Products.defaultProps = {
sortItems: [ sortItems: [
'پربازدیدترین', "پربازدیدترین",
'پرفروش ترین', "پرفروش ترین",
'گران ترین', "گران ترین",
'ارزان ترین', "ارزان ترین",
'جدیدترین', "جدیدترین",
'بزودی', "بزودی",
], ],
subjects: [ subjects: [
'فیزیک', "فیزیک",
'زیست شناسی', "زیست شناسی",
'شیمی آلی', "شیمی آلی",
'روانشناسی', "روانشناسی",
'علوم تجربی', "علوم تجربی",
'دین و زندگی', "دین و زندگی",
],
levels : [
'اول',
'دوم',
'سوم',
'دهم',
], ],
levels: ["اول", "دوم", "سوم", "دهم"],
products: [ products: [
{ {
id: 0, id: 0,
image: book1, image: sciense_6,
title: "کتاب شیمی آلی", title: "کتاب شیمی آلی",
subTitle: "پایه دهم ابتدایی", subTitle: "پایه دهم ابتدایی",
price: "78.000", price: "78.000",
@ -129,7 +123,7 @@ Products.defaultProps = {
}, },
{ {
id: 1, id: 1,
image: book2, image: sciense_7,
title: "کتاب علوم تجربی", title: "کتاب علوم تجربی",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
price: "39.000", price: "39.000",
@ -142,7 +136,7 @@ Products.defaultProps = {
}, },
{ {
id: 2, id: 2,
image: book3, image: sciense_8,
title: "کتاب علوم تجربی", title: "کتاب علوم تجربی",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
price: "21.000", price: "21.000",
@ -154,7 +148,7 @@ Products.defaultProps = {
}, },
{ {
id: 3, id: 3,
image: book4, image: sciense_9,
title: "کتاب علوم تجربی", title: "کتاب علوم تجربی",
subTitle: "پایه دهم ابتدایی", subTitle: "پایه دهم ابتدایی",
price: "", price: "",
@ -166,7 +160,7 @@ Products.defaultProps = {
}, },
{ {
id: 4, id: 4,
image: book5, image: zist_10,
title: "کتاب علوم تجربی", title: "کتاب علوم تجربی",
subTitle: "پایه هفتم ابتدایی", subTitle: "پایه هفتم ابتدایی",
price: "59.000", price: "59.000",
@ -178,7 +172,7 @@ Products.defaultProps = {
}, },
{ {
id: 5, id: 5,
image: book1, image: sciense_6,
title: "کتاب علوم تجربی", title: "کتاب علوم تجربی",
subTitle: "پایه دهم ابتدایی", subTitle: "پایه دهم ابتدایی",
price: "78.000", price: "78.000",
@ -191,7 +185,7 @@ Products.defaultProps = {
}, },
{ {
id: 6, id: 6,
image: book2, image: sciense_7,
title: "کتاب علوم تجربی", title: "کتاب علوم تجربی",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
price: "39.000", price: "39.000",
@ -204,7 +198,7 @@ Products.defaultProps = {
}, },
{ {
id: 7, id: 7,
image: book3, image: sciense_8,
title: "کتاب علوم تجربی", title: "کتاب علوم تجربی",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
price: "21.000", price: "21.000",
@ -217,7 +211,7 @@ Products.defaultProps = {
}, },
{ {
id: 8, id: 8,
image: book4, image: sciense_9,
title: "کتاب علوم تجربی", title: "کتاب علوم تجربی",
subTitle: "پایه دهم ابتدایی", subTitle: "پایه دهم ابتدایی",
price: "", price: "",
@ -230,7 +224,7 @@ Products.defaultProps = {
}, },
{ {
id: 9, id: 9,
image: book5, image: zist_10,
title: "کتاب علوم تجربی", title: "کتاب علوم تجربی",
subTitle: "پایه هفتم ابتدایی", subTitle: "پایه هفتم ابتدایی",
price: "59.000", price: "59.000",

@ -11,7 +11,7 @@ import BookContent from "./BookContent/index";
import NightsStayOutlinedIcon from "@material-ui/icons/NightsStayOutlined"; import NightsStayOutlinedIcon from "@material-ui/icons/NightsStayOutlined";
import exit from "../../assets/icons/exit.svg"; import exit from "../../assets/icons/exit.svg";
import book2 from "../../assets/images/book2.png"; import sciense_7 from "../../assets/images/sciense-7.png";
import "./index.scss"; import "./index.scss";
@ -70,14 +70,10 @@ export default class QR extends Component {
<> <>
{window.innerWidth > 1000 ? ( {window.innerWidth > 1000 ? (
<> <>
<div <div className="qr d-flex flex-column">
className="qr d-flex flex-column"
>
<Navbar /> <Navbar />
<div className="d-flex"> <div className="d-flex">
<section <section className="qr__sidebar d-flex flex-column p-2">
className="qr__sidebar d-flex flex-column p-2"
>
<header className="qr__sidebar--header d-flex"> <header className="qr__sidebar--header d-flex">
<div className="qr__sidebar--header__right d-flex"> <div className="qr__sidebar--header__right d-flex">
<img src={QR.image} alt={QR.title} /> <img src={QR.image} alt={QR.title} />
@ -102,9 +98,7 @@ export default class QR extends Component {
<SubjectsDropdown /> <SubjectsDropdown />
<BookContent data={QR.data} /> <BookContent data={QR.data} />
</section> </section>
<section <section className="qr__content d-flex flex-column">
className="qr__content d-flex flex-column"
>
<header className="qr__content--header d-flex justify-content-end"> <header className="qr__content--header d-flex justify-content-end">
<div className="qr__content--header__tools d-flex"> <div className="qr__content--header__tools d-flex">
<span <span
@ -150,13 +144,28 @@ export default class QR extends Component {
<div className="d-flex pt-3"> <div className="d-flex pt-3">
<div className="mobile-qr__buttons d-flex flex-column align-items-center"> <div className="mobile-qr__buttons d-flex flex-column align-items-center">
<img src={exit} alt='خروج' /> <img src={exit} alt="خروج" />
<button>نمایش تمامی محتواها</button> <button>نمایش تمامی محتواها</button>
<a href="#voice" className="mobile-qr__buttons--voice mobile-qr__buttons--media"></a> <a
<a href="#video" className="mobile-qr__buttons--video mobile-qr__buttons--media"></a> href="#voice"
<a href="#ppt" className="mobile-qr__buttons--ppt mobile-qr__buttons--media"></a> className="mobile-qr__buttons--voice mobile-qr__buttons--media"
<a href="#pdf" className="mobile-qr__buttons--pdf mobile-qr__buttons--media"></a> ></a>
<a href="#links" className="mobile-qr__buttons--attachment mobile-qr__buttons--media"></a> <a
href="#video"
className="mobile-qr__buttons--video mobile-qr__buttons--media"
></a>
<a
href="#ppt"
className="mobile-qr__buttons--ppt mobile-qr__buttons--media"
></a>
<a
href="#pdf"
className="mobile-qr__buttons--pdf mobile-qr__buttons--media"
></a>
<a
href="#links"
className="mobile-qr__buttons--attachment mobile-qr__buttons--media"
></a>
</div> </div>
<div className="mobile-qr__content d-flex flex-column"> <div className="mobile-qr__content d-flex flex-column">
{QR.data.map((item, i) => ( {QR.data.map((item, i) => (
@ -175,7 +184,7 @@ export default class QR extends Component {
QR.defaultProps = { QR.defaultProps = {
QR: { QR: {
id: 1, id: 1,
image: book2, image: sciense_7,
title: "منفجر کردن مغز خود را به ما بسپارید", title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی", subTitle: "پایه ششم ابتدایی",
date: new Date(), date: new Date(),

@ -6,7 +6,7 @@ import Scanner from "./Scanner/index";
import LastQr from "./LastQr/index"; import LastQr from "./LastQr/index";
import ReplayIcon from "@material-ui/icons/Replay"; import ReplayIcon from "@material-ui/icons/Replay";
import book1 from "../../assets/images/book1.png"; import sciense_6 from "../../assets/images/sciense-6.png";
import "./index.scss"; import "./index.scss";
export default class QRScan extends Component { export default class QRScan extends Component {
@ -46,7 +46,10 @@ export default class QRScan extends Component {
<div className="mobile-qr-scan__camera--shapeRight mobile-qr-scan__camera--shape d-flex"></div> <div className="mobile-qr-scan__camera--shapeRight mobile-qr-scan__camera--shape d-flex"></div>
<div className="mobile-qr-scan__camera--shapeCenter d-flex"></div> <div className="mobile-qr-scan__camera--shapeCenter d-flex"></div>
{this.state.value !== null ? ( {this.state.value !== null ? (
<div style={{zIndex: 1000 }} onClick={() => this.setState({ value: null })}> <div
style={{ zIndex: 1000 }}
onClick={() => this.setState({ value: null })}
>
<ReplayIcon style={{ fontSize: 40, color: "grey" }} /> <ReplayIcon style={{ fontSize: 40, color: "grey" }} />
</div> </div>
) : ( ) : (
@ -82,7 +85,7 @@ QRScan.defaultProps = {
title: "ریاضیات گسسته خیلی پیشرفته", title: "ریاضیات گسسته خیلی پیشرفته",
subTitle: "پایه هفتم ابتدایی", subTitle: "پایه هفتم ابتدایی",
page: 13, page: 13,
image: book1, image: sciense_6,
}, },
], ],
}; };

@ -3028,6 +3028,13 @@ babel-plugin-polyfill-regenerator@^0.2.2:
dependencies: dependencies:
"@babel/helper-define-polyfill-provider" "^0.2.2" "@babel/helper-define-polyfill-provider" "^0.2.2"
babel-plugin-root-import@^6.6.0:
version "6.6.0"
resolved "https://registry.yarnpkg.com/babel-plugin-root-import/-/babel-plugin-root-import-6.6.0.tgz#85940840f308a8c292f66ca0b5bdd314046273ed"
integrity sha512-SPzVOHd7nDh5loZwZBxtX/oOu1MXeKjTkz+1VnnzLWC0dk8sJIGC2IDQ2uWIBjE5mUtXlQ35MTHSqN0Xn7qHrg==
dependencies:
slash "^3.0.0"
"babel-plugin-styled-components@>= 1.12.0": "babel-plugin-styled-components@>= 1.12.0":
version "1.12.0" version "1.12.0"
resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.12.0.tgz#1dec1676512177de6b827211e9eda5a30db4f9b9" resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.12.0.tgz#1dec1676512177de6b827211e9eda5a30db4f9b9"

Loading…
Cancel
Save