diff --git a/package.json b/package.json index 597dfdb..0769e1f 100644 --- a/package.json +++ b/package.json @@ -11,7 +11,12 @@ "array-move": "^3.0.1", "audio-react-recorder": "^1.0.4", "axios": "^0.21.1", + "babel-eslint": "^10.1.0", + "babel-plugin-import-directory": "^1.1.0", + "babel-plugin-wildcard": "^7.0.0", "bootstrap": "^5.0.1", + "create-index": "^2.6.0", + "history": "^5.0.0", "jalali-moment": "^3.3.10", "prettier": "^2.3.1", "prop-types": "^15.7.2", @@ -19,7 +24,6 @@ "react-audio-player": "^0.17.0", "react-dom": "^17.0.2", "react-elastic-carousel": "^0.11.5", - "react-leaflet": "^3.2.0", "react-player": "^2.9.0", "react-qr-scanner": "^1.0.0-alpha.7", "react-redux": "^7.2.4", diff --git a/src/Redux/proxy.js b/src/Redux/proxy.js index c3ab403..3c566a8 100644 --- a/src/Redux/proxy.js +++ b/src/Redux/proxy.js @@ -48,6 +48,7 @@ class Proxy { localStorage.setItem('refresh', login.refreshToken); delete login.refreshToken; localStorage.setItem('userData', JSON.stringify(login)); + window.location = "/"; if (data != {}) window.router.setState({ islogin: true }); return this.result('login', login); }; diff --git a/src/assets/icons/marker-blue.png b/src/assets/icons/marker-blue.png new file mode 100644 index 0000000..88f9e50 Binary files /dev/null and b/src/assets/icons/marker-blue.png differ diff --git a/src/assets/images/about-lg.png b/src/assets/images/about-lg.png new file mode 100644 index 0000000..1eda75b Binary files /dev/null and b/src/assets/images/about-lg.png differ diff --git a/src/assets/images/about-md.png b/src/assets/images/about-md.png new file mode 100644 index 0000000..4bd3cf6 Binary files /dev/null and b/src/assets/images/about-md.png differ diff --git a/src/assets/images/about-xs1.png b/src/assets/images/about-xs1.png new file mode 100644 index 0000000..20a58c3 Binary files /dev/null and b/src/assets/images/about-xs1.png differ diff --git a/src/assets/images/about-xs2.png b/src/assets/images/about-xs2.png new file mode 100644 index 0000000..bde5a6f Binary files /dev/null and b/src/assets/images/about-xs2.png differ diff --git a/src/assets/images/mapImage.png b/src/assets/images/mapImage.png new file mode 100644 index 0000000..090c6f4 Binary files /dev/null and b/src/assets/images/mapImage.png differ diff --git a/src/views/About/index.js b/src/views/About/index.js index 4b1843f..e2a21f6 100644 --- a/src/views/About/index.js +++ b/src/views/About/index.js @@ -3,8 +3,26 @@ import Navbar from "../Home/Navbar/index"; import Footer from "../Home/Footer/index"; import pic from "../../assets/images/pic.png"; +import aboutLg from "../../assets/images/about-lg.png"; +import aboutMd from "../../assets/images/about-md.png"; +import aboutXs1 from "../../assets/images/about-xs1.png"; +import aboutXs2 from "../../assets/images/about-xs2.png"; import "./index.scss"; + +const maxDesktopSize = 1250; +const maxMobileSize = 650; + +const fontSize = { + desktop:{ + h1: window.innerWidth > maxDesktopSize ? 30 : window.innerWidth / 40, + p: window.innerWidth > maxDesktopSize ? 18 : window.innerWidth / 80, + h2: window.innerWidth > maxDesktopSize ? 20 : window.innerWidth / 70, + li : window.innerWidth > maxDesktopSize ? 16 : window.innerWidth / 80, + } +}; + + export default class About extends Component { state = { fury: { @@ -42,33 +60,38 @@ export default class About extends Component {
-

{fury.title}

-

{fury.text}

+

{fury.title}

+

{fury.text}

-

{keywords.title}

+

{keywords.title}

    {keywords.list.map((item, i) => ( -
  • {item}

  • +
  • {item}

  • ))}
-
+
+ عکس + عکس + عکس + عکس +
{'عکس'}
-

{advantages.title}

+

{advantages.title}

: null diff --git a/src/views/ChatList/index.scss b/src/views/ChatList/index.scss index 8eb0f4d..03c2b81 100644 --- a/src/views/ChatList/index.scss +++ b/src/views/ChatList/index.scss @@ -25,14 +25,14 @@ } } -.desktop-chat{ +.desktop-chat { width: 100vw; height: 90vh; max-width: 1250px; - margin:5vh auto; + margin: 5vh auto; box-shadow: 0px 0px 10px rgb(209, 209, 209); overflow: hidden; - &__banner{ + &__banner { position: fixed; left: 0px; top: 0px; @@ -40,7 +40,23 @@ height: 150px; background-color: #7dc241; } - &__list{ + &__before { + flex: 1; + height: 100%; + overflow: hidden; + width: 100vw; + position: relative; + overflow-x: hidden; + background-color: white; + justify-content: center; + align-items: center; + h1{ + font-family: numeralBold; + font-size: 20px; + color: #afafaf; + } + } + &__list { width: cacl(100% / 3); min-width: 350px; height: 100%; @@ -50,8 +66,8 @@ position: relative; padding: 10px; z-index: 10; - background-color:white; - &::-webkit-scrollbar{ + background-color: white; + &::-webkit-scrollbar { display: none; } &--float { diff --git a/src/views/ChatRoom/Header/index.scss b/src/views/ChatRoom/Header/index.scss index e120497..0032972 100644 --- a/src/views/ChatRoom/Header/index.scss +++ b/src/views/ChatRoom/Header/index.scss @@ -15,7 +15,7 @@ color: black; margin: 0px; margin-bottom: 5px; - font-weight: 600; + font-family: numeralMedium; } & span { color: #464646; diff --git a/src/views/ChatRoom/index.scss b/src/views/ChatRoom/index.scss index 32b5e3b..9d6c968 100644 --- a/src/views/ChatRoom/index.scss +++ b/src/views/ChatRoom/index.scss @@ -9,7 +9,6 @@ border-top-left-radius: 40px; border-top-right-radius: 40px; height: 150px; - background: rgb(106, 103, 250); position: relative; align-items: center; justify-content: flex-start; diff --git a/src/views/Contact/index.js b/src/views/Contact/index.js index b860777..3d559f7 100644 --- a/src/views/Contact/index.js +++ b/src/views/Contact/index.js @@ -6,6 +6,7 @@ import Select from "./Select/index"; import location from "../../assets/icons/location.png"; import home from "../../assets/icons/home.png"; import contact from "../../assets/icons/contact.png"; +// import Location from "./Location/Location"; import "./index.scss"; export default class Contact extends Component { @@ -13,7 +14,7 @@ export default class Contact extends Component { return ( <>
- +

تماس با ما

@@ -51,7 +52,7 @@ export default class Contact extends Component {
- + {/* */}
diff --git a/src/views/Contact/index.scss b/src/views/Contact/index.scss index 38cfc4f..c7ea151 100644 --- a/src/views/Contact/index.scss +++ b/src/views/Contact/index.scss @@ -150,6 +150,8 @@ width: 100%; height: 430px; background-color: #eee; + border-radius: 20px; + background: url(../../assets/images/mapImage.png); } } } diff --git a/src/views/Faq/Collapse/index.js b/src/views/Faq/Collapse/index.js index 324f4e9..e0ce11d 100644 --- a/src/views/Faq/Collapse/index.js +++ b/src/views/Faq/Collapse/index.js @@ -13,8 +13,8 @@ const fontSize = { div: window.innerWidth > maxDesktopSize ? 14 : window.innerWidth / 30, }, desktop: { - h2: window.innerWidth > maxMobileSize ? 22 : window.innerWidth / 80, - div: window.innerWidth > maxDesktopSize ? 16 : window.innerWidth / 95, + h2: window.innerWidth > maxMobileSize ? 16 : window.innerWidth / 85, + div: window.innerWidth > maxDesktopSize ? 14 : window.innerWidth / 95, }, }; export default class Collapse extends Component { diff --git a/src/views/Faq/index.js b/src/views/Faq/index.js index 9b5ce5c..430bdee 100644 --- a/src/views/Faq/index.js +++ b/src/views/Faq/index.js @@ -16,6 +16,13 @@ const fontSize = { span: window.innerWidth > maxMobileSize ? 18 : window.innerWidth / 75, form: window.innerWidth > maxMobileSize ? 18 : window.innerWidth / 70, }, + desktop: { + h1: window.innerWidth > maxDesktopSize ? 30 : window.innerWidth / 40, + button: window.innerWidth > maxDesktopSize ? 16 : window.innerWidth / 85, + p: window.innerWidth > maxDesktopSize ? 14 : window.innerWidth / 85, + span: window.innerWidth > maxDesktopSize ? 18 : window.innerWidth / 75, + form: window.innerWidth > maxDesktopSize ? 18 : window.innerWidth / 70, + }, }; export default class Faq extends Component { state = { @@ -83,7 +90,7 @@ export default class Faq extends Component {
-

سلام چطوری میتونم کمکتون کنم؟

+

سلام چطوری میتونم کمکتون کنم؟

+ { + window.innerWidth > 1000 ? +
+ +
: null + } + + ); +} \ No newline at end of file diff --git a/src/views/Product/AddToCart/index.scss b/src/views/Product/AddToCart/index.scss new file mode 100644 index 0000000..26c4e9a --- /dev/null +++ b/src/views/Product/AddToCart/index.scss @@ -0,0 +1,5 @@ +.product-addtocart{ + flex: 3.5; + background-color: #eee; + margin: 10px; +} \ No newline at end of file diff --git a/src/views/Product/BreadCrumb/index.js b/src/views/Product/BreadCrumb/index.js index f8c7e1e..14369bb 100644 --- a/src/views/Product/BreadCrumb/index.js +++ b/src/views/Product/BreadCrumb/index.js @@ -13,7 +13,7 @@ const maxDesktopSize = 1250; const maxMobileSize = 650; const fontSize = { - desktop: window.innerWidth > maxDesktopSize ? 14 : window.innerWidth / 85, + desktop: window.innerWidth > maxDesktopSize ? 12 : window.innerWidth / 90, mobile : window.innerWidth > maxDesktopSize ? 14 : window.innerWidth / 25, }; @@ -27,7 +27,7 @@ export default function ActiveLastBreadcrumb() { پایه هفتم maxDesktopSize ? fontSize.desktop : fontSize.mobile}} + style={{ fontSize: window.innerWidth > maxDesktopSize ? fontSize.desktop : fontSize.mobile, color: '#00CC69'}} to="/products/1" onClick={handleClick} > diff --git a/src/views/Product/BreadCrumb/index.scss b/src/views/Product/BreadCrumb/index.scss index b971486..e10f243 100644 --- a/src/views/Product/BreadCrumb/index.scss +++ b/src/views/Product/BreadCrumb/index.scss @@ -1,5 +1,8 @@ -a { - text-decoration: none; - font-family: numeralLight; - color: #6F7074; -} \ No newline at end of file +.MuiBreadcrumbs-li{ + a { + text-decoration: none; + font-family: numeralLight; + color: #6F7074; + letter-spacing: -1px; + } +} diff --git a/src/views/Product/Gallery/index.js b/src/views/Product/Gallery/index.js new file mode 100644 index 0000000..2df06da --- /dev/null +++ b/src/views/Product/Gallery/index.js @@ -0,0 +1,22 @@ +import React, { Component } from 'react'; + +import './index.scss'; +export default function Gallery(props) { + return( + <> + { + window.innerWidth > 1000 ? +
+
+ +
+
+
+
+
+
+
: null + } + + ); +} \ No newline at end of file diff --git a/src/views/Product/Gallery/index.scss b/src/views/Product/Gallery/index.scss new file mode 100644 index 0000000..65d86c9 --- /dev/null +++ b/src/views/Product/Gallery/index.scss @@ -0,0 +1,21 @@ +.product-gallery{ + flex: 5; + margin: 10px; + justify-content: space-between; + &__top{ + width: 100%; + height: 320px; + background-color: #eee; + border-radius: 20px; + } + &__list{ + width: 100%; + justify-content: space-between; + & div{ + min-width: 110px; + height: 110px; + background-color: #eee; + border-radius: 20px; + } + } +} \ No newline at end of file diff --git a/src/views/Product/Info/index.js b/src/views/Product/Info/index.js new file mode 100644 index 0000000..31ece8d --- /dev/null +++ b/src/views/Product/Info/index.js @@ -0,0 +1,15 @@ +import React, { Component } from 'react'; + +import './index.scss'; +export default function Info(props) { + return( + <> + { + window.innerWidth > 1000 ? +
+ +
: null + } + + ); +} \ No newline at end of file diff --git a/src/views/Product/Info/index.scss b/src/views/Product/Info/index.scss new file mode 100644 index 0000000..9d0f832 --- /dev/null +++ b/src/views/Product/Info/index.scss @@ -0,0 +1,5 @@ +.product-info{ + flex: 6; + background-color: #eee; + margin: 10px; +} \ No newline at end of file diff --git a/src/views/Product/index.js b/src/views/Product/index.js index 0c34845..4b5896e 100644 --- a/src/views/Product/index.js +++ b/src/views/Product/index.js @@ -1,17 +1,20 @@ import React, { Component } from "react"; -import {Link} from 'react-router-dom'; +import { Link } from "react-router-dom"; import Footer from "../Home/Footer/index"; import Navbar from "../Home/Navbar/index"; -import Comment from './Comment/index'; -import Breadcrumbs from './BreadCrumb/index'; +import Comment from "./Comment/index"; +import Breadcrumbs from "./BreadCrumb/index"; +import Gallery from "./Gallery/index"; +import Info from "./Info/index"; +import AddToCart from "./AddToCart/index"; import book2 from "../../assets/images/book2.png"; -import './index.scss'; +import "./index.scss"; export default class Product extends Component { render() { - const {product} = this.props; + const { product } = this.props; return ( <> {window.innerWidth > 1000 ? ( @@ -20,7 +23,9 @@ export default class Product extends Component {
- + + +
@@ -35,8 +40,18 @@ export default class Product extends Component {

{product.title}

{product.subTitle}

- مطالعه نمومه کتاب - خرید کتاب + + مطالعه نمومه کتاب + + + خرید کتاب +
@@ -69,11 +84,9 @@ export default class Product extends Component {

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

- { - product.comments.map((item,i) => ( - - )) - } + {product.comments.map((item, i) => ( + + ))}
@@ -93,31 +106,60 @@ Product.defaultProps = { price: "39.000", oldPrice: "59.000", date: new Date(), - abstraction: 'لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشت', + abstraction: + "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشت", modules: [ - 'پک هدیه شامل یک عدد جلد سخت', - 'عینک واقعیت مجازی', - 'کارت گرافیک مناسب جهت اجرای بازی', + "پک هدیه شامل یک عدد جلد سخت", + "عینک واقعیت مجازی", + "کارت گرافیک مناسب جهت اجرای بازی", ], tips: [ - 'پک هدیه شامل یک عدد جلد سخت', - 'عینک واقعیت مجازی', - 'کارت گرافیک مناسب جهت اجرای بازی', + "پک هدیه شامل یک عدد جلد سخت", + "عینک واقعیت مجازی", + "کارت گرافیک مناسب جهت اجرای بازی", ], - description: 'لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشت', + description: + "لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ، و با استفاده از طراحان گرافیک است، چاپگرها و متون بلکه روزنامه و مجله در ستون و سطرآنچنان که لازم است، و برای شرایط فعلی تکنولوژی مورد نیاز، و کاربردهای متنوع با هدف بهبود ابزارهای کاربردی می باشد، کتابهای زیادی در شصت و سه درصد گذشته حال و آینده، شناخت فراوان جامعه و متخصصان را می طلبد، تا با نرم افزارها شناخت بیشت", comments: [ - {id: 0, username: 'محمدرضا', date: new Date(), text: 'عالی بود. ممنون از سایت زیباتون', score: 4}, - {id: 1, username: 'محمدرضا', date: new Date(), text: 'عالی بود. ممنون از سایت زیباتون', score: 2.5}, - {id: 2, username: 'محمدرضا', date: new Date(), text: 'عالی بود. ممنون از سایت زیباتون', score: 5}, - {id: 3, username: 'محمدرضا', date: new Date(), text: 'عالی بود. ممنون از سایت زیباتون', score: 3.7}, - {id: 4, username: 'محمدرضا', date: new Date(), text: 'عالی بود. ممنون از سایت زیباتون', score: 2}, - ] + { + id: 0, + username: "محمدرضا", + date: new Date(), + text: "عالی بود. ممنون از سایت زیباتون", + score: 4, + }, + { + id: 1, + username: "محمدرضا", + date: new Date(), + text: "عالی بود. ممنون از سایت زیباتون", + score: 2.5, + }, + { + id: 2, + username: "محمدرضا", + date: new Date(), + text: "عالی بود. ممنون از سایت زیباتون", + score: 5, + }, + { + id: 3, + username: "محمدرضا", + date: new Date(), + text: "عالی بود. ممنون از سایت زیباتون", + score: 3.7, + }, + { + id: 4, + username: "محمدرضا", + date: new Date(), + text: "عالی بود. ممنون از سایت زیباتون", + score: 2, + }, + ], }, }; - const Item = (props) => { - return( -
  • + {props.item}
  • - ); -} \ No newline at end of file + return
  • + {props.item}
  • ; +}; diff --git a/src/views/Product/index.scss b/src/views/Product/index.scss index 18ffd75..fbdc201 100644 --- a/src/views/Product/index.scss +++ b/src/views/Product/index.scss @@ -153,7 +153,9 @@ overflow-x: hidden; min-height: calc(100vh - 288px); &__header{ + margin-top: 30px; width: 100%; + height: 470px; padding: 0px 10px; } } diff --git a/src/views/QRScan/index.js b/src/views/QRScan/index.js index 1cf71d9..506a781 100644 --- a/src/views/QRScan/index.js +++ b/src/views/QRScan/index.js @@ -19,7 +19,7 @@ export default class QRScan extends Component { <> {window.innerWidth > 1000 ? ( <> -
    +