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 safari version"
]
},
"devDependencies": {
"babel-plugin-root-import": "^6.6.0"
}
}

@ -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() {

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

@ -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 {
<>
<div className="cart d-flex flex-column">
<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">
<header>
<h1 style={{ fontSize: fontSize.desktop.h1 }}>سبد خرید</h1>

@ -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 ?
{window.innerWidth > 1000 ? (
<>
<div className="home d-flex flex-column">
<Navbar page={'home'} />
<Navbar page={"home"} />
{homeData.map((item, i) => (
<Identifier item={item} key={i} />
))}
</div>
<Footer />
</> : null
}
{
window.innerWidth < 1000 ?
</>
) : null}
{window.innerWidth < 1000 ? (
<>
<div className="mobile-home d-flex flex-column">
<Navbar page={'home'} />
<Navbar page={"home"} />
{mobileData.map((item, i) => (
<Identifier item={item} key={i} />
))}
</div>
</> : null
}
</>
) : null}
</>
);
}
@ -114,13 +110,16 @@ const Identifier = (props) => {
<Membership />
) : null}
{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}
</>
);
};
Home.defaultProps = {
mobileData: [
{
@ -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: "اطلاعات بیشتر",
},
],
},
@ -171,37 +170,37 @@ Home.defaultProps = {
id: 0,
imageUrl: qr,
backgroundColor: {
first: '#2070CBED',
second: '#2070CBED',
angle: '180deg'
first: "#2070CBED",
second: "#2070CBED",
angle: "180deg",
},
design: "flex",
title: "QR خوان",
subTitle: "در صفحات کتاب هوشمند",
link: '/qr-scan',
badge : '',
link: "/qr-scan",
badge: "",
flex: 1,
fontSize : 'large',
color: 'white',
fontSize: "large",
color: "white",
},
{
id: 1,
imageUrl: ar,
backgroundColor: {
first: '#09DA76',
second: '#056D3B',
angle: '230deg'
first: "#09DA76",
second: "#056D3B",
angle: "230deg",
},
design: "flex",
title: "واقعیت افزوده",
subTitle: "توضیحات مختصر در این رابطه",
link: '/ar-scan',
badge : '',
link: "/ar-scan",
badge: "",
flex: 1,
fontSize : 'large',
color: 'white',
fontSize: "large",
color: "white",
},
]
],
},
{
type: "static",
@ -212,39 +211,39 @@ Home.defaultProps = {
id: 0,
imageUrl: qr,
backgroundColor: {
first: '#0AB81B',
second: '#6CFF61',
angle: '110deg'
first: "#0AB81B",
second: "#6CFF61",
angle: "110deg",
},
design: "flex",
title: "دانوینی ها",
subTitle: "",
link: '/chatroom',
badge : '5 پیام جدید',
link: "/chatroom",
badge: "5 پیام جدید",
flex: 1.6,
fontSize : 'normal',
color: 'white',
fontSize: "normal",
color: "white",
},
{
id: 1,
imageUrl: myBook,
backgroundColor: {
first: '#9446FCaa',
second: '#9446FCaa',
angle: '180deg'
first: "#9446FCaa",
second: "#9446FCaa",
angle: "180deg",
},
design: "simple",
title: "کتابهای من",
subTitle: "",
justifyContent: 'flex-start',
alignItems: 'center',
link: '/mybooks',
badge : '',
justifyContent: "flex-start",
alignItems: "center",
link: "/mybooks",
badge: "",
flex: 1,
fontSize : 'large',
color: 'white',
fontSize: "large",
color: "white",
},
]
],
},
{
type: "static",
@ -255,45 +254,45 @@ Home.defaultProps = {
id: 0,
imageUrl: homeBlog,
backgroundColor: {
first: '#39BF55',
second: '#39BF4B55',
angle: '110deg'
first: "#39BF55",
second: "#39BF4B55",
angle: "110deg",
},
design: "simple",
title: "بلاگ",
subTitle: "",
justifyContent: 'center',
alignItems: 'center',
link: '/blog',
badge : '',
justifyContent: "center",
alignItems: "center",
link: "/blog",
badge: "",
flex: 1.2,
fontSize : 'normal',
color: 'white',
fontSize: "normal",
color: "white",
},
{
id: 1,
backgroundColor: {
first: '#5DBEFF',
second: '#0483D9',
angle: '180deg'
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 : '',
link: "/products",
badge: "",
flex: 2,
fontSize : 'large',
color: 'white',
fontSize: "large",
color: "white",
},
]
],
},
{
@ -307,65 +306,65 @@ Home.defaultProps = {
subData: [
{
id: 0,
imageUrl: '',
imageUrl: "",
backgroundColor: {
first: '#FC365F',
second: '#7E1B30',
angle: '254deg'
first: "#FC365F",
second: "#7E1B30",
angle: "254deg",
},
design: "simple",
title: "پیشتیبانی",
subTitle: "",
justifyContent: 'center',
alignItems: 'center',
link: '/chatroom',
badge : '',
justifyContent: "center",
alignItems: "center",
link: "/chatroom",
badge: "",
flex: 1,
fontSize : 'normal',
color: 'white',
fontSize: "normal",
color: "white",
},
{
id: 1,
imageUrl: '',
imageUrl: "",
backgroundColor: {
first: '#FFCC00',
second: '#FF9800',
angle: '105deg'
first: "#FFCC00",
second: "#FF9800",
angle: "105deg",
},
design: "simple",
title: "پروفایل",
subTitle: "",
justifyContent: 'center',
alignItems: 'center',
link: '/profile',
badge : '',
justifyContent: "center",
alignItems: "center",
link: "/profile",
badge: "",
flex: 1,
fontSize : 'normal',
color: 'white',
fontSize: "normal",
color: "white",
},
]
],
},
{
id: 1,
imageUrl: bookActivation,
backgroundColor: {
first: '#03FCDA7F',
second: '#03FCDA7F',
angle: '180deg'
first: "#03FCDA7F",
second: "#03FCDA7F",
angle: "180deg",
},
design: "simple",
title: "فعال سازی کتاب",
subTitle: "",
justifyContent: 'center',
alignItems: 'center',
link: '/activation',
badge : '',
justifyContent: "center",
alignItems: "center",
link: "/activation",
badge: "",
flex: 1,
fontSize : 'large',
color: 'white',
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,179 +469,179 @@ Home.defaultProps = {
{
type: window.innerWidth > 1000 ? "slider" : "scroll",
title: "کتابهای من",
moreText: 'لیست کتابها',
moreText: "لیست کتابها",
height: window.innerWidth > 1000 ? 340 : 270,
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",
number: window.innerWidth > 1000 ? 4 : 2.8,
data: [
{
id: 0,
image: book1,
image: sciense_6,
title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه دهم ابتدایی",
price : '78.000',
oldPrice: '',
price: "78.000",
oldPrice: "",
date: new Date(),
},
{
id: 1,
image: book2,
image: sciense_7,
title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی",
price : '39.000',
oldPrice: '59.000',
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: '',
price: "78.000",
oldPrice: "",
date: new Date(),
},
{
id: 6,
image: book2,
image: sciense_7,
title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی",
price : '39.000',
oldPrice: '59.000',
price: "39.000",
oldPrice: "59.000",
date: new Date(),
},
{
id: 7,
image: book3,
image: sciense_8,
title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی",
price : '21.000',
oldPrice: '',
price: "21.000",
oldPrice: "",
date: new Date(),
},
{
id: 8,
image: book4,
image: sciense_9,
title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه دهم ابتدایی",
price : '',
oldPrice: '',
price: "",
oldPrice: "",
date: new Date(),
},
{
id: 9,
image: book5,
image: zist_10,
title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه هفتم ابتدایی",
price : '59.000',
oldPrice: '',
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: '',
price: "78.000",
oldPrice: "",
date: new Date(),
},
{
id: 1,
image: book2,
image: sciense_7,
title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی",
price : '39.000',
oldPrice: '59.000',
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: '',
price: "78.000",
oldPrice: "",
date: new Date(),
},
{
id: 6,
image: book2,
image: sciense_7,
title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی",
price : '39.000',
oldPrice: '59.000',
price: "39.000",
oldPrice: "59.000",
date: new Date(),
},
{
id: 7,
image: book3,
image: sciense_8,
title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه ششم ابتدایی",
price : '21.000',
oldPrice: '',
price: "21.000",
oldPrice: "",
date: new Date(),
},
{
id: 8,
image: book4,
image: sciense_9,
title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه دهم ابتدایی",
price : '',
oldPrice: '',
price: "",
oldPrice: "",
date: new Date(),
},
{
id: 9,
image: book5,
image: zist_10,
title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "پایه هفتم ابتدایی",
price : '59.000',
oldPrice: '',
price: "59.000",
oldPrice: "",
date: new Date(),
},
],
},
{
type: 'singleBlog',
type: "singleBlog",
height: 350,
direction: 'rtl',
direction: "rtl",
data: {
id: 0,
image: pic,
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: "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه ",
subTitle:
"لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه ",
date: new Date(),
link: '',
buttonText: 'ادامه مطلب',
category: {name : 'علمی تخیلی', color: 'red'},
duration: '۲۰ دقیقه',
link: "",
buttonText: "ادامه مطلب",
category: { name: "علمی تخیلی", color: "red" },
duration: "۲۰ دقیقه",
},
{
id: 1,
image: blog2,
title: "منفجر کردن مغز خود را به ما بسپارید",
subTitle: "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه ",
subTitle:
"لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه ",
date: new Date(),
link: '',
buttonText: 'ادامه مطلب',
category: {name: 'تاریخی', color: 'blue'},
duration: '۲۰ دقیقه'
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",
},
],
}
};

@ -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 ? <img src={basket} alt="افزودن به سبد خرید" /> : null}
{!data.status.digital ? (
<img src={basket} alt="افزودن به سبد خرید" />
) : null}
</Link>
<Link
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>
</div>
</div>
@ -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,

@ -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,8 +25,8 @@ 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;
@ -47,7 +47,9 @@ export default class Product extends Component {
<AddToCart price={product.price} off={product.off} />
</header>
<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">
<Comment comment={product.comments[0]} />
</div>
@ -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}
</>
);
};

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

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

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

@ -6,7 +6,7 @@ import Scanner from "./Scanner/index";
import LastQr from "./LastQr/index";
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";
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--shapeCenter d-flex"></div>
{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" }} />
</div>
) : (
@ -82,7 +85,7 @@ QRScan.defaultProps = {
title: "ریاضیات گسسته خیلی پیشرفته",
subTitle: "پایه هفتم ابتدایی",
page: 13,
image: book1,
image: sciense_6,
},
],
};

@ -3028,6 +3028,13 @@ babel-plugin-polyfill-regenerator@^0.2.2:
dependencies:
"@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":
version "1.12.0"
resolved "https://registry.yarnpkg.com/babel-plugin-styled-components/-/babel-plugin-styled-components-1.12.0.tgz#1dec1676512177de6b827211e9eda5a30db4f9b9"

Loading…
Cancel
Save