From 811431a9ed41f22c75e6eea49e42a5d045dbd787 Mon Sep 17 00:00:00 2001 From: ravino Date: Sat, 26 Jun 2021 16:59:33 +0430 Subject: [PATCH] reza added scanner and activation --- package.json | 1 + src/AppRouter.js | 8 ++ src/assets/icons/analytics.svg | 1 + src/assets/icons/danger.svg | 1 + src/assets/images/user1.png | Bin 0 -> 11576 bytes src/assets/images/user2.png | Bin 0 -> 4458 bytes src/views/Activation/History/index.js | 31 +++++ src/views/Activation/History/index.scss | 44 ++++++ src/views/Activation/index.js | 87 ++++++++++++ src/views/Activation/index.scss | 111 +++++++++++++++ .../Mobile/NavbarDrawer/NavbarDrawer.js | 127 +++++++++++------- .../Mobile/NavbarDrawer/NavbarDrawer.scss | 24 ++-- src/views/Home/Navbar/Mobile/index.js | 3 +- src/views/QRScan/LastQr/index.js | 31 +++++ src/views/QRScan/LastQr/index.scss | 44 ++++++ src/views/QRScan/Scanner/index.js | 40 ++++++ src/views/QRScan/index.js | 82 +++++++++++ src/views/QRScan/index.scss | 104 ++++++++++++++ yarn.lock | 27 ++++ 19 files changed, 701 insertions(+), 65 deletions(-) create mode 100644 src/assets/icons/analytics.svg create mode 100644 src/assets/icons/danger.svg create mode 100644 src/assets/images/user1.png create mode 100644 src/assets/images/user2.png create mode 100644 src/views/Activation/History/index.js create mode 100644 src/views/Activation/History/index.scss create mode 100644 src/views/Activation/index.js create mode 100644 src/views/Activation/index.scss create mode 100644 src/views/QRScan/LastQr/index.js create mode 100644 src/views/QRScan/LastQr/index.scss create mode 100644 src/views/QRScan/Scanner/index.js create mode 100644 src/views/QRScan/index.js create mode 100644 src/views/QRScan/index.scss diff --git a/package.json b/package.json index f15695d..d53a7ad 100644 --- a/package.json +++ b/package.json @@ -16,6 +16,7 @@ "react": "^17.0.2", "react-dom": "^17.0.2", "react-elastic-carousel": "^0.11.5", + "react-qr-scanner": "^1.0.0-alpha.7", "react-redux": "^7.2.4", "react-router-dom": "^5.2.0", "react-scripts": "4.0.3", diff --git a/src/AppRouter.js b/src/AppRouter.js index 8aa8a48..cee95d1 100644 --- a/src/AppRouter.js +++ b/src/AppRouter.js @@ -10,6 +10,8 @@ import Products from './views/Products/index'; import Product from './views/Product/index'; import QR from './views/QR/index'; import Auth from './views/Auth/index'; +import QRScan from './views/QRScan/index'; +import Activation from './views/Activation/index'; class AppRouter extends Component { constructor(props) { @@ -56,6 +58,12 @@ class AppRouter extends Component { + + + + + + ); diff --git a/src/assets/icons/analytics.svg b/src/assets/icons/analytics.svg new file mode 100644 index 0000000..2266398 --- /dev/null +++ b/src/assets/icons/analytics.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/icons/danger.svg b/src/assets/icons/danger.svg new file mode 100644 index 0000000..17aaef4 --- /dev/null +++ b/src/assets/icons/danger.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/images/user1.png b/src/assets/images/user1.png new file mode 100644 index 0000000000000000000000000000000000000000..d07a5127557230351428e33fc5656aa125012914 GIT binary patch literal 11576 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 literal 0 HcmV?d00001 diff --git a/src/assets/images/user2.png b/src/assets/images/user2.png new file mode 100644 index 0000000000000000000000000000000000000000..6f3db18f66fb2062bfd01d843e99fb00edcf1699 GIT binary patch literal 4458 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 + { + window.innerWidth > 1000 ? +

+ +
: null + } + { + window.innerWidth < 1000 ? +
+
+ {data.title} +
+ {data.title} + {data.subTitle} +
+
+
+ +
+
: null + } + + ); +} \ No newline at end of file diff --git a/src/views/Activation/History/index.scss b/src/views/Activation/History/index.scss new file mode 100644 index 0000000..8e1965c --- /dev/null +++ b/src/views/Activation/History/index.scss @@ -0,0 +1,44 @@ +.mobile-activation-history{ + width: 100%; + padding: 15px 10px; + justify-content: space-between; + background-color:white; + align-items:center; + border-radius: 10px; + box-shadow: 0px 0px 10px rgb(226, 226, 226); + &__right{ + align-items:center; + img{ + height: 100px; + border-radius: 10px; + margin-left: 15px; + } + strong{ + font-family: numeralMedium; + font-size: calc(100vw / 30); + font-weight: 600; + letter-spacing: -1px; + } + span{ + font-family: numeralMedium; + font-size: calc(100vw / 35); + color: #00CC69; + } + } + &__left{ + button{ + display: inline; + font-family: numeralLight; + text-decoration: none; + padding: 5px 20px 3px; + color: #00CC69; + border-radius: 25px; + font-size: calc(100vw / 26); + border: 1px solid #00cc69; + background-color: white; + &:focus:enabled{ + text-decoration: none; + } + } + } +} \ No newline at end of file diff --git a/src/views/Activation/index.js b/src/views/Activation/index.js new file mode 100644 index 0000000..f698431 --- /dev/null +++ b/src/views/Activation/index.js @@ -0,0 +1,87 @@ +import React, { Component } from "react"; +import Navbar from "../Home/Navbar/index"; +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 analytics from '../../assets/icons/analytics.svg'; +import danger from '../../assets/icons/danger.svg'; + +import './index.scss'; +export default class Activation extends Component { + state= { + value: null, + } + render() { + const { data } = this.props; + return ( + <> + {window.innerWidth > 1000 ? ( + <> +
+ +
+