\r\n \r\n {\r\n message.map((msg, index) => {\r\n return (\r\n \r\n \r\n )\r\n })\r\n }\r\n :\r\n
\r\n \r\n {time && (\r\n \r\n
\r\n {\r\n (message && typeof message === 'object') ?\r\n {msg}
\r\n \r\n {message ? message : (messageId ? (
\r\n }\r\n \r\n
\r\n \r\n\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n language: state.app.language\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n navigate: (path) => dispatch(push(path)),\r\n // userLoginFail: () => dispatch(actions.userLoginFail()),\r\n userLoginSuccess: (userInfo) => dispatch(actions.userLoginSuccess(userInfo))\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Login);\r\n","import axios from '../axios';\r\n\r\n\r\nexport const getListSupplier = async () => {\r\n try {\r\n var res = await axios.get(`/Supplier/GetListSupplier`)\r\n return res;\r\n } catch (error) {\r\n return 0;\r\n }\r\n};\r\n\r\nexport const get = async (id) => {\r\n try {\r\n var res = await axios.get(`/Supplier/Get?id=`+ id)\r\n return res;\r\n } catch (error) {\r\n return 0;\r\n }\r\n};\r\nexport const getInfo = async (link, ispre) => {\r\n try {\r\n var res = await axios.get(`/Supplier/GetInfo`, {\r\n params: {\r\n link: link,\r\n ispre: 1\r\n }\r\n })\r\n return res;\r\n } catch (error) {\r\n return 0;\r\n }\r\n};\r\nexport const getLink = async (link, type,id) => {\r\n try {\r\n var res = await axios.get(`/Supplier/GetLink`, {\r\n params: {\r\n link: link,\r\n ispre: 1,\r\n type: type,\r\n supplierId: id\r\n }\r\n })\r\n return res;\r\n } catch (error) {\r\n return 0;\r\n }\r\n};\r\nexport const downloadStatus = async (shutterstock, type,id) => {\r\n try {\r\n var res = await axios.get(`/Supplier/DownloadStatus`, {\r\n params: {\r\n shutterstock: shutterstock,\r\n ispre: 1,\r\n type: type,\r\n id: id\r\n }\r\n })\r\n return res;\r\n } catch (error) {\r\n return 0;\r\n }\r\n};\r\nexport const gettk = async () => {\r\n try {\r\n var res = await axios.get(`/Supplier/gettk`)\r\n return res;\r\n } catch (error) {\r\n return 0;\r\n }\r\n};\r\n\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport './User.scss';\r\n\r\nimport * as clientService from \"../../services/clientService\";\r\nimport { ReactNotifications } from 'react-notifications-component';\r\nimport DataTable from 'react-data-table-component';\r\nimport moment from 'moment/moment';\r\nimport * as supplierService from \"../../services/supplierService\"\r\n\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\nclass User extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isEditPro: false,\r\n user: {\r\n email: \"\",\r\n name: \"\",\r\n lastName: \"\",\r\n phoneNumber: \"\",\r\n address: \"\",\r\n companyName: \"\",\r\n },\r\n changePassModel: {\r\n currentPassWord: \"\",\r\n newPassWord: \"\",\r\n confirmPassWord: \"\",\r\n },\r\n //\r\n listHistoryImg: [],\r\n filterImg: {\r\n searchText: '',\r\n pageNum: 1,\r\n pageSize: 20,\r\n },\r\n totalCountImg: 0,\r\n //\r\n listHistoryPay: [],\r\n filterPay: {\r\n searchText: '',\r\n pageNum: 1,\r\n pageSize: 20,\r\n },\r\n totalCountPay: 0,\r\n }\r\n }\r\n componentDidMount() {\r\n this.getCurrentUser();\r\n this.getListHistoryImg();\r\n this.getListHistoryPay();\r\n }\r\n getCurrentUser = async () => {\r\n let res = await clientService.getCurrentInfo();\r\n if (res == 0) {\r\n return;\r\n }\r\n else if (res == 401) {\r\n setTimeout(() => {\r\n localStorage.removeItem(\"persist:user\");\r\n window.location.href = '/login';\r\n }, 2000);\r\n return;\r\n }\r\n else if (res.isSuccess) {\r\n let copyState = { ...this.state.user };\r\n copyState = res.data;\r\n this.setState({\r\n user: copyState\r\n })\r\n }\r\n else {\r\n return;\r\n }\r\n }\r\n handlePage = (path) => {\r\n this.props.navigate(path);\r\n }\r\n getListHistoryImg = async () => {\r\n let res = await clientService.getDownloadHistory(this.state.filterImg);\r\n if (res == 0) {\r\n return;\r\n }\r\n else if (res.isSuccess) {\r\n let copyState = { ...this.state.listHistoryImg };\r\n copyState = res.data;\r\n this.setState({\r\n listHistoryImg: copyState,\r\n totalCountImg: res.data[0] ? res.data[0].totalCount : 0\r\n })\r\n }\r\n else {\r\n return;\r\n }\r\n }\r\n onPageChangeImg = (pageSize, pageNum) => {\r\n this.state.filterImg.pageNum = pageNum;\r\n if (pageSize != 0) this.state.filterImg.pageSize = pageSize;\r\n this.getListHistoryImg();\r\n }\r\n onPageChangePay = (pageSize, pageNum) => {\r\n this.state.filterPay.pageNum = pageNum;\r\n if (pageSize != 0) this.state.filterPay.pageSize = pageSize;\r\n this.getListHistoryPay();\r\n }\r\n getListHistoryPay = async () => {\r\n let res = await clientService.getAddPointHistory(this.state.filterPay);\r\n if (res == 0) {\r\n return;\r\n }\r\n else if (res.isSuccess) {\r\n let copyState = { ...this.state.listHistoryPay };\r\n copyState = res.data;\r\n this.setState({\r\n listHistoryPay: copyState,\r\n totalCountPay: res.data[0] ? res.data[0].totalCount : 0\r\n })\r\n }\r\n else {\r\n return;\r\n }\r\n }\r\n editProduct = (isEdit) => {\r\n this.setState({\r\n isEditPro: isEdit\r\n })\r\n }\r\n /// edit\r\n onChangeInput = (event, id) => {\r\n let copyState = { ...this.state.changePassModel };\r\n copyState[id] = event.target.value;\r\n this.setState({\r\n changePassModel: copyState\r\n })\r\n }\r\n reDowload = async (resLink) => {\r\n let shutterstock = resLink.downloadLug\r\n let id = resLink.downloadId\r\n let type = resLink.downloadType\r\n let resDownload = await supplierService.downloadStatus(shutterstock, type, id);\r\n if (resDownload == 0) {\r\n return;\r\n }\r\n else if (resDownload.isSuccess) {\r\n if (resDownload.data.result.status == 200) {\r\n if (resDownload.data.result.result.status == 1) {\r\n let itemDCode = resDownload.data.result.result.itemDCode\r\n let resTk = await supplierService.gettk(shutterstock, type, id);\r\n if (resTk == 0) {\r\n return;\r\n }\r\n else if (resTk.isSuccess) {\r\n let linkDowload = 'https://getstocks.net/api/v1/download/' + itemDCode + '?token=' + resTk.data\r\n window.open(linkDowload, \"_self\");\r\n return false;\r\n }\r\n else {\r\n return;\r\n }\r\n }\r\n else {\r\n if (this.state.count < 5) {\r\n setTimeout(\r\n function () {\r\n this.reDowload(resLink);\r\n }\r\n .bind(this),\r\n 5000\r\n );\r\n this.setState({\r\n count: this.state.count++\r\n })\r\n\r\n }\r\n }\r\n }\r\n else {\r\n if (this.state.count < 5) {\r\n setTimeout(\r\n function () {\r\n this.reDowload(resLink);\r\n }\r\n .bind(this),\r\n 5000\r\n );\r\n this.setState({\r\n count: this.state.count++\r\n })\r\n }\r\n }\r\n }\r\n else {\r\n return;\r\n }\r\n }\r\n changePassWord = async () => {\r\n if (!this.isValidDataPass()) return;\r\n let res = await clientService.changePassWord(this.state.changePassModel);\r\n if (res == 0) {\r\n }\r\n else if (res.isSuccess) {\r\n }\r\n else {\r\n }\r\n }\r\n isValidDataPass = () => {\r\n if (!this.state.changePassModel.currentPassWord) {\r\n return false;\r\n }\r\n if (!this.state.changePassModel.newPassWord) {\r\n return false;\r\n }\r\n if (this.state.changePassModel.newPassWord != this.state.changePassModel.confirmPassWord) {\r\n return false;\r\n }\r\n return true;\r\n }\r\n showLink = (link) => {\r\n window.open(link, \"_blank\")\r\n }\r\n render() {\r\n let listHistoryImg = this.state.listHistoryImg\r\n let listHistoryPay = this.state.listHistoryPay\r\n const paginationComponentOptions = {\r\n rowsPerPageText: \"Số dòng\",\r\n rangeSeparatorText: \"của\"\r\n };\r\n const columnsHistoryImg = [\r\n {\r\n name: '#',\r\n selector: (row, index) => index + 1,\r\n },\r\n {\r\n name: 'Thời gian',\r\n selector: row => row.createdWhen,\r\n format: (row) => moment(row.createdWhen).format('HH:mm DD/MM/yyyy'),\r\n },\r\n {\r\n name: 'Link gốc',\r\n selector: row => row.link,\r\n cell: (row) => {\r\n return (\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n Chào mừng bạn trở lại !
\r\nĐăng nhập để tiếp tục sử dụng muaStocks.com
\r\n\r\n\r\n
\r\n \r\n \r\n this.onChangeInput(event, \"username\")}\r\n type=\"text\" className=\"form-control\" id=\"username\" placeholder=\"Nhập email\" />\r\n
\r\n\r\n \r\n {/*
\r\n\r\n {/* \r\n Forgot password?\r\n
*/}\r\n \r\n \r\n this.onChangeInput(event, \"password\")}\r\n className=\"form-control pe-5 password-input\" placeholder=\"Nhập mật khẩu\" />\r\n \r\n
\r\n \r\n \r\n \r\n
*/}\r\n\r\n \r\n this.onSubmit()}\r\n className=\"btn btn-success w-100\" >Đăng nhập\r\n
\r\n\r\n {/* \r\n
*/}\r\n \r\n
\r\n Sign In with
\r\n\r\n \r\n \r\n \r\n \r\n
\r\n \r\n
\r\n\r\n Bạn chưa có tài khoản ? this.handlePage('/register')} className=\"fw-semibold text-primary text-decoration-underline\"> Đăng ký
\r\n\r\n this.showLink(row.link)}\r\n className=\"shadow btn-xs sharp me-1\">\r\n {row.link}\r\n \r\n
\r\n )\r\n },\r\n },\r\n {\r\n name: 'Tải lại',\r\n selector: rows => rows,\r\n cell: (row) => {\r\n return (\r\n \r\n this.reDowload(row)}\r\n className=\"btn btn-primary shadow btn-xs sharp me-1\">\r\n
\r\n )\r\n },\r\n },\r\n ];\r\n const columnsHistoryPayment = [\r\n {\r\n name: '#',\r\n selector: (row, index) => index + 1,\r\n },\r\n {\r\n name: 'Thời gian',\r\n selector: row => row.createdWhen,\r\n format: (row) => moment(row.createdWhen).format('HH:mm DD/MM/yyyy'),\r\n },\r\n {\r\n name: 'Người xử lý',\r\n selector: row => row.userName,\r\n },\r\n {\r\n name: 'Điểm P',\r\n selector: row => row.pointP,\r\n },\r\n {\r\n name: 'Điểm G',\r\n selector: row => row.pointG,\r\n },\r\n ];\r\n return (\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(User);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport './Pricing.scss';\r\n\r\nimport * as supplierService from \"../../services/supplierService\"\r\nimport * as messageService from \"../../services/messageService\"\r\nimport { ReactNotifications } from 'react-notifications-component'\r\n\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\nclass Pricing extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n listData: []\r\n }\r\n }\r\n componentDidMount() {\r\n this.getListData();\r\n }\r\n getListData = async () => {\r\n let res = await supplierService.getListSupplier();\r\n if (res == 0) {\r\n return;\r\n }\r\n else if (res.isSuccess) {\r\n let copyState = { ...this.state.listData };\r\n copyState = res.data;\r\n this.setState({\r\n listData: copyState\r\n })\r\n }\r\n else {\r\n return;\r\n }\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n ![\"user-profile-image\"](\"../assets/images/users/avatar-1.jpg\"\r\n)
\r\n
\r\n \r\n \r\n {/* */}\r\n \r\n
\r\n {this.state.user?.name}
\r\n{this.state.user?.pointG ? this.state.user?.pointG : '0'} điểm G / {this.state.user?.pointP ? this.state.user?.pointP : '0'} điểm P
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n Thông tin cá nhân\r\n \r\n \r\n
- \r\n \r\n Đổi mật khẩu\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n {/*
\r\n \r\n \r\n \r\n
*/}\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n this.onChangeInput(event, \"currentPassWord\")}\r\n type=\"password\" className=\"form-control\"\r\n id=\"oldpasswordInput\"\r\n placeholder=\"Nhập mật khẩu hiện tại\" />\r\n
\r\n \r\n
\r\n \r\n \r\n this.onChangeInput(event, \"newPassWord\")}\r\n type=\"password\" className=\"form-control\"\r\n id=\"newpasswordInput\" placeholder=\"Nhập mật khẩu mới\" />\r\n
\r\n \r\n
\r\n \r\n \r\n this.onChangeInput(event, \"confirmPassWord\")}\r\n type=\"password\" className=\"form-control\"\r\n id=\"confirmpasswordInput\"\r\n placeholder=\"Nhập lại mật khẩu mới\" />\r\n
\r\n \r\n
\r\n \r\n this.changePassWord()}\r\n type=\"submit\" className=\"btn btn-success\">Đổi mật khẩu\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n - \r\n
- \r\n \r\n Lịch sử tải ảnh\r\n \r\n \r\n
- \r\n \r\n Lịch sử thanh toán\r\n \r\n \r\n
\r\n
\r\n \r\n
\r\n \r\n {\r\n this.onPageChangeImg(0, page)\r\n }}\r\n onChangeRowsPerPage={(pageSize, pageNum) => {\r\n this.onPageChangeImg(pageSize, pageNum)\r\n }}\r\n />\r\n
\r\n \r\n {\r\n this.onPageChangePay(0, page)\r\n }}\r\n onChangeRowsPerPage={(pageSize, pageNum) => {\r\n this.onPageChangePay(pageSize, pageNum)\r\n }}\r\n />\r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Pricing);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport './Dashboard.scss';\r\n\r\n\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\nclass Dashboard extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n a:\"\"\r\n }\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Bảng giá tải ảnh
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n \r\n
\r\n
\r\n\r\n | Tên | \r\nTrang nguồn | \r\nĐịnh dạng hỗ trợ | \r\nĐiểm | \r\nGiới hạn | \r\nTải lại | \r\nHỗ trợ sự cố | \r\n
|---|---|---|---|---|---|---|
| {item.name}VIP | \r\n{item.website} | \r\n\r\n {item?.isAI && < img className=\"extension\" src=\"../../assets/images/extension/AI.png\" />}\r\n {item?.isAIV && < img className=\"extension\" src=\"../../assets/images/extension/AVI.png\" />}\r\n {item?.isEPS && < img className=\"extension\" src=\"../../assets/images/extension/EPS.png\" />}\r\n {item?.isJPG && < img className=\"extension\" src=\"../../assets/images/extension/JPG.png\" />}\r\n {item?.isMOV && < img className=\"extension\" src=\"../../assets/images/extension/MOV.png\" />}\r\n {item?.isMP3 && < img className=\"extension\" src=\"../../assets/images/extension/MP3.png\" />}\r\n {item?.isPNG && < img className=\"extension\" src=\"../../assets/images/extension/PNG.png\" />}\r\n {item?.isPSD && < img className=\"extension\" src=\"../../assets/images/extension/PSD.png\" />}\r\n {item?.isSVG && < img className=\"extension\" src=\"../../assets/images/extension/SVG.png\" />}\r\n {item?.isTIF && < img className=\"extension\" src=\"../../assets/images/extension/TIF.png\" />}\r\n {item?.isZIP && < img className=\"extension\" src=\"../../assets/images/extension/ZIP.png\" />}\r\n | \r\n{item?.usePoint} | \r\nkhông giới hạn | \r\n24 giờ | \r\nfacebook/zalo | \r\n
\r\n NẠP ĐIỂM\r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Dashboard);\r\n","import axios from '../axios';\r\n\r\n\r\nexport const getListNew = async (filterModel) => {\r\n try {\r\n var res = await axios.get(`/News/GetListNews`, {\r\n params: {\r\n isPromotion: filterModel.isPromotion,\r\n searchText: filterModel.searchText,\r\n pageNum: filterModel.pageNum,\r\n pageSize: filterModel.pageSize,\r\n }\r\n })\r\n return res;\r\n } catch (error) {\r\n return 0;\r\n }\r\n};\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport './News.scss';\r\n\r\nimport { ReactNotifications } from 'react-notifications-component'\r\nimport * as newService from \"../../services/newService\";\r\nimport * as constant from '../../utils/constant'\r\nimport { format } from 'date-fns'\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\nclass News extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n listData: [],\r\n filterNew: {\r\n searchText: \"\",\r\n isPromotion: false,\r\n pageSize: 200,\r\n pageNum: 1\r\n },\r\n }\r\n }\r\n componentDidMount() {\r\n this.getNews();\r\n }\r\n getNews = async () => {\r\n let res = await newService.getListNew(this.state.filterNew);\r\n if (res == 0) {\r\n return;\r\n }\r\n else if (res.isSuccess) {\r\n let copyState = { ...this.state.listData };\r\n copyState = res.data;\r\n this.setState({\r\n listData: copyState,\r\n totalCount: res.data[0] ? res.data[0].totalCount : 0\r\n })\r\n }\r\n else {\r\n return;\r\n }\r\n }\r\n render() {\r\n let listData = this.state.listData\r\n let path = constant.url.urlImg;\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Bảng giá tải ảnh
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n data table\r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(News);\r\n","import axios from '../axios';\r\n\r\n\r\n\r\nexport const getCurrentInfo = async () => {\r\n try {\r\n var res = await axios.get(`/User/GetCurrentInfo`)\r\n return res;\r\n } catch (error) {\r\n if (error.message == 'Request failed with status code 401') {\r\n return 401\r\n }\r\n else {\r\n return 0;\r\n }\r\n }\r\n};\r\nexport const login = async (loginModel) => {\r\n try {\r\n var res = await axios.post(`/User/SignIn`, loginModel)\r\n if (res.isSuccess) {\r\n if (axios.defaults.headers['Authorization']){\r\n axios.defaults.headers['Authorization'] = res.data.token ? 'Bearer ' + res.data.token : \"\";\r\n }\r\n else {\r\n axios.defaults.headers = { 'Authorization': 'Bearer ' + res.data.token }\r\n }\r\n \r\n return res;\r\n }\r\n else {\r\n return res;\r\n }\r\n } catch (error) {\r\n return 0;\r\n }\r\n};\r\nexport const update = async (model) => {\r\n try {\r\n var res = await axios.post(`/User/Update`, model)\r\n return res;\r\n } catch (error) {\r\n return 0;\r\n }\r\n};\r\nexport const create = async (model) => {\r\n try {\r\n var res = await axios.post(`/User/Register`, model)\r\n return res;\r\n } catch (error) {\r\n return 0;\r\n }\r\n};\r\nexport const changePassWord = async (model) => {\r\n try {\r\n var res = await axios.post(`/User/ChangePassWord`, model)\r\n return res;\r\n } catch (error) {\r\n return 0;\r\n }\r\n};\r\n","export default __webpack_public_path__ + \"static/media/vietcom-hai.6a7ad709.jpg\";","export default __webpack_public_path__ + \"static/media/momo-hai.04469eb7.jpg\";","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport './Payment.scss';\r\n\r\nimport * as userService from \"../../services/userService\"\r\nimport * as messageService from \"../../services/messageService\"\r\nimport { ReactNotifications } from 'react-notifications-component'\r\nimport vietcombankhai from '../../assets/images/vietcom-hai.jpg'\r\nimport momohai from '../../assets/images/momo-hai.jpg'\r\n\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\nclass Payment extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isEditPro: false,\r\n user: {\r\n email: \"\",\r\n name: \"\",\r\n lastName: \"\",\r\n phoneNumber: \"\",\r\n address: \"\",\r\n companyName: \"\"\r\n }\r\n }\r\n }\r\n componentDidMount() {\r\n }\r\n editProduct = (isEdit) => {\r\n this.setState({\r\n isEditPro: isEdit\r\n })\r\n }\r\n /// edit\r\n onChangeInput = (event, id) => {\r\n let copyState = { ...this.state.user };\r\n copyState[id] = event.target.value;\r\n this.setState({\r\n user: copyState\r\n })\r\n }\r\n onSubmit = async () => {\r\n if (!this.isValidData()) return;\r\n let res = await userService.update(this.state.user);\r\n if (res == 0) {\r\n messageService.messageNotify('', 'Lấy dữ liệu lỗi', 'warning');\r\n }\r\n else if (res.isSuccess) {\r\n messageService.messageNotify('', 'Edit success', 'success');\r\n }\r\n else {\r\n messageService.messageNotify('', res.message, 'warning');\r\n }\r\n }\r\n isValidData = () => {\r\n let arr = [\"email\", \"name\", \"lastName\", \"phoneNumber\", \"address\", \"companyName\"]\r\n for (let i = 0; i < arr.length; i++) {\r\n if (!this.state.user[arr[i]]) {\r\n messageService.messageNotify('', ('Please enter your ' + arr[i]), 'warning');\r\n return false;\r\n }\r\n }\r\n return true;\r\n }\r\n render() {\r\n return (\r\n \r\n
\r\n \r\n {listData && listData.map((item, index) => {\r\n return (\r\n\r\n
\r\n \r\n
\r\n )\r\n })\r\n }\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n {item.name}
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n {item.description}
\r\n\r\n
\r\n \r\n {format(new Date(item.createdWhen), 'yyyy/MM/dd kk:mm:ss')}
\r\n\r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Payment);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport './GetLink.scss';\r\nimport { push } from \"connected-react-router\";\r\n\r\nimport * as userService from \"../../services/userService\"\r\nimport * as messageService from \"../../services/messageService\"\r\nimport { ReactNotifications } from 'react-notifications-component'\r\nimport * as supplierService from \"../../services/supplierService\"\r\nimport * as newService from \"../../services/newService\"\r\nimport * as constant from '../../utils/constant'\r\nimport ProgressBar from \"@ramonak/react-progress-bar\";\r\nimport * as actions from \"../../store/actions\";\r\n\r\nconst label = { inputProps: { 'aria-label': 'Checkbox demo' } };\r\n\r\nclass GetLink extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isEditPro: false,\r\n link: \"\",\r\n type: \"\",\r\n count: 0,\r\n supplier: {\r\n },\r\n process: 0,\r\n isProcess: false,\r\n user: {\r\n email: \"\",\r\n name: \"\",\r\n lastName: \"\",\r\n phoneNumber: \"\",\r\n address: \"\",\r\n companyName: \"\"\r\n },\r\n isShowDowload: false,\r\n isShowGetLink: true,\r\n linkDowload: '',\r\n filterNew: {\r\n searchText: \"\",\r\n isPromotion: true,\r\n pageSize: 20,\r\n pageNum: 1\r\n },\r\n news: [],\r\n }\r\n }\r\n componentDidMount() {\r\n this.getCurrentUser();\r\n this.getNews();\r\n // this.getCurrentSupplier();\r\n this.setState({\r\n isShowDowload: false,\r\n isShowGetLink: true\r\n })\r\n if (!this.props.match.params.id) {\r\n this.getListLink();\r\n }\r\n else {\r\n this.getCurrentSup()\r\n }\r\n }\r\n getNews = async () => {\r\n let res = await newService.getListNew(this.state.filterNew);\r\n if (res.isSuccess) {\r\n this.setState({\r\n news: res.data\r\n })\r\n }\r\n }\r\n getCurrentSup = async () => {\r\n let res = await supplierService.get(this.props.match.params.id);\r\n if (res == 0) {\r\n return;\r\n }\r\n else if (res.isSuccess) {\r\n this.setState({\r\n supplier: res.data\r\n })\r\n }\r\n else {\r\n return;\r\n }\r\n }\r\n getListLink = async () => {\r\n let res = await supplierService.getListSupplier();\r\n if (res == 0) {\r\n return;\r\n }\r\n else if (res.isSuccess) {\r\n this.setState({\r\n supplier: res.data[0]\r\n })\r\n }\r\n else {\r\n return;\r\n }\r\n }\r\n getCurrentUser = async () => {\r\n let res = await userService.getCurrentInfo();\r\n if (res == 0) {\r\n return;\r\n }\r\n // else if (res == 401) {\r\n // setTimeout(() => {\r\n // this.handlePage('/login')\r\n // }, 2000);\r\n // return;\r\n // }\r\n else if (res.isSuccess) {\r\n let copyState = { ...this.state.user };\r\n copyState = res.data;\r\n this.setState({\r\n user: copyState\r\n })\r\n }\r\n else {\r\n return;\r\n }\r\n }\r\n \r\n handlePage = (path) => {\r\n this.props.navigate(path);\r\n }\r\n onChangeInput = (event) => {\r\n this.setState({\r\n link: event.target.value.trim()\r\n })\r\n }\r\n reSet = () => {\r\n this.setState({\r\n isShowDowload: false,\r\n isShowGetLink: true,\r\n link: \"\",\r\n isProcess: false\r\n })\r\n }\r\n onSubmitLink = async () => {\r\n if (!this.state.user.email) {\r\n localStorage.removeItem(\"persist:user\");\r\n window.location.href = '/login';\r\n // this.handlePage('/login');\r\n }\r\n else {\r\n if (this.state.supplier.id) {\r\n if (!this.isValidData()) return;\r\n this.setState({\r\n isShowGetLink: false,\r\n isProcess: true\r\n });\r\n let resInfo = await supplierService.getInfo(this.state.link);\r\n if (resInfo == 0) {\r\n this.setState({\r\n isProcess: false\r\n });\r\n messageService.messageNotify(\"\", \"Get link không thành công\", \"warning\");\r\n return;\r\n }\r\n else if (resInfo.isSuccess) {\r\n console.log('resInfo', resInfo);\r\n if (resInfo.data.result && resInfo.data.result.status == 200) {\r\n this.setState({\r\n process: 30\r\n });\r\n let type = Object.keys(resInfo.data.result.result.support.type).find(key => resInfo.data.result.result.support.type[key] == 0)\r\n this.setState({\r\n type: type,\r\n count: 0\r\n })\r\n if (type) {\r\n let resLink = await supplierService.getLink(this.state.link, this.state.type, this.state.supplier.id);\r\n if (resLink == 0) {\r\n messageService.messageNotify(\"\", \"Get link không thành công\", \"warning\");\r\n this.setState({\r\n isShowGetLink: true,\r\n process: false\r\n })\r\n return;\r\n }\r\n else if (resLink.isSuccess) {\r\n if (resLink.data.status == 200) {\r\n this.setState({\r\n process: 60\r\n });\r\n this.checkStatusDowload(resLink)\r\n }\r\n else {\r\n messageService.messageNotify(\"\", \"Get link không thành công\", \"warning\");\r\n this.setState({\r\n isShowGetLink: true,\r\n isProcess: false\r\n })\r\n return;\r\n }\r\n }\r\n else {\r\n messageService.messageNotify(\"\", resLink.message, \"warning\");\r\n this.setState({\r\n isShowGetLink: true,\r\n isProcess: false\r\n })\r\n return;\r\n }\r\n }\r\n }\r\n else {\r\n this.setState({\r\n isShowGetLink: true,\r\n isProcess: false\r\n })\r\n messageService.messageNotify(\"\", \"Get link không thành công\", \"warning\");\r\n return;\r\n }\r\n }\r\n else {\r\n this.setState({\r\n isShowGetLink: true,\r\n isProcess: false\r\n })\r\n messageService.messageNotify(\"\", resInfo.message, \"warning\");\r\n return;\r\n }\r\n }\r\n }\r\n }\r\n checkStatusDowload = async (resLink) => {\r\n console.log('resLink2', resLink);\r\n let shutterstock = resLink.data.result.provSlug\r\n let id = resLink.data.result.itemID\r\n let resDownload = await supplierService.downloadStatus(shutterstock, this.state.type, id);\r\n if (resDownload == 0) {\r\n return;\r\n }\r\n else if (resDownload.isSuccess) {\r\n console.log('resDownload', resDownload);\r\n if (resDownload.data.result.status == 200) {\r\n if (resDownload.data.result.result.status == 1) {\r\n let itemDCode = resDownload.data.result.result.itemDCode\r\n let resTk = await supplierService.gettk(shutterstock, this.state.type, id);\r\n if (resTk == 0) {\r\n return;\r\n }\r\n else if (resTk.isSuccess) {\r\n this.setState({\r\n process: 100\r\n });\r\n this.setState({\r\n linkDowload: 'https://getstocks.net/api/v1/download/' + itemDCode + '?token=' + resTk.data,\r\n isShowDowload: true,\r\n process: 100\r\n })\r\n }\r\n else {\r\n return;\r\n }\r\n }\r\n else {\r\n if (this.state.count < 5) {\r\n this.setState({\r\n process: 80 + this.state.count * 4\r\n });\r\n setTimeout(\r\n function () {\r\n this.checkStatusDowload(resLink);\r\n }\r\n .bind(this),\r\n 5000\r\n );\r\n this.setState({\r\n count: this.state.count++\r\n })\r\n\r\n }\r\n }\r\n }\r\n else {\r\n if (this.state.count < 5) {\r\n this.setState({\r\n process: 80 + this.state.count * 4\r\n });\r\n setTimeout(\r\n function () {\r\n this.checkStatusDowload(resLink);\r\n }\r\n .bind(this),\r\n 5000\r\n );\r\n this.setState({\r\n count: this.state.count++\r\n })\r\n }\r\n }\r\n }\r\n else {\r\n return;\r\n }\r\n }\r\n dowLoadFile = async () => {\r\n window.open(this.state.linkDowload, \"_self\");\r\n }\r\n isValidData = () => {\r\n let isValid = false;\r\n if (!this.state.link) {\r\n messageService.messageNotify(\"\", \"Vui lòng nhập link\", \"warning\")\r\n return false;\r\n }\r\n else if (this.state.link.toLocaleLowerCase().search(this.state.supplier.website.toLocaleLowerCase()) >= 0) {\r\n var codeList = this.state.supplier.code.toLocaleLowerCase().split('|');\r\n codeList.map(m => {\r\n if (this.state.link.toLocaleLowerCase().search(m) >= 0) {\r\n isValid = true;\r\n }\r\n })\r\n }\r\n if (!isValid) messageService.messageNotify(\"\", \"Vui lòng nhập link \" + this.state.supplier.name, \"warning\")\r\n return isValid;\r\n }\r\n render() {\r\n let isShowDowload = this.state.isShowDowload\r\n let isProcess = this.state.isProcess\r\n let listNew = this.state.news\r\n let path = constant.url.urlImg;\r\n // let isShowDowload = true\r\n // let supplier = this.state.supplier\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n HƯỚNG DẪN NẠP ĐIỂM
\r\n\r\n Sau khi chọn được gói thanh toán phù hợp, bạn thanh toán số tiền cần nạp theo hướng dẫn:
\r\n
- \r\n
- Nội dung chuyển khoản là \r\n
- Ví dụ: , không cần phải @... \r\n
- Ưu tiên chuyển khoản qua VIETCOMBANK, chuyển qua MOMO vui lòng đợi mình khoản 2 phút xử lý. \r\n
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n \r\n \r\n \r\n 
\r\n
\r\n \r\n
\r\n \r\n
\r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n navigate: (path) => dispatch(push(path)),\r\n processLogout: () => dispatch(actions.processLogout()),\r\n };\r\n};\r\nexport default connect(mapStateToProps, mapDispatchToProps)(GetLink);\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\n\r\nimport * as actions from \"../../store/actions\";\r\nimport { push } from \"connected-react-router\";\r\nimport './Menu.scss';\r\nimport * as supplierService from \"../../services/supplierService\"\r\n\r\n\r\nclass Menu extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n listData: []\r\n }\r\n }\r\n componentDidMount() {\r\n this.getListData();\r\n }\r\n getListData = async () => {\r\n let res = await supplierService.getListSupplier();\r\n if (res == 0) {\r\n return;\r\n }\r\n else if (res.isSuccess) {\r\n let copyState = { ...this.state.listData };\r\n copyState = res.data;\r\n this.setState({\r\n listData: copyState\r\n })\r\n }\r\n else {\r\n return;\r\n }\r\n }\r\n selectedSupplier = (data) => {\r\n if (data) this.props.navigate(\"/system/getlink/\" + data.id)\r\n }\r\n render() {\r\n const { processLogout } = this.props;\r\n\r\n let listData = this.state.listData\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Getlink {this.state.supplier?.name} giá siêu rẻ chỉ {this.state.supplier?.usePoint}.000 đồng
\r\n\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n this.onChangeInput(event)}\r\n className=\"form-control\" id=\"exampleFormControlTextarea5\" rows=\"7\">\r\n
\r\n\r\n \r\n {this.state.isShowGetLink && this.onSubmitLink()}\r\n type=\"button\" className=\"btn btn-outline-info waves-effect waves-light fs-22\">\r\n GETLINK}\r\n this.reSet()}\r\n type=\"button\" className=\"btn btn-outline-warning waves-effect waves-light fs-22\">\r\n RESET\r\n
\r\n {isProcess && \r\n \r\n
\r\n {isShowDowload &&\r\n \r\n \r\n
\r\n \r\n this.dowLoadFile()}\r\n type=\"button\" className=\"btn btn-outline-info waves-effect waves-light fs-22\">\r\n DOWNLOAD\r\n
}\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Gói Điểm
\r\nKhông giới hạn thời gian sử dụng
\r\n\r\n
\r\n 50.000đ
\r\n50 điểm
\r\n---
\r\n\r\n
\r\n \r\n
\r\n 100.000đ
\r\n100 điểm
\r\nBonus 3%
\r\n\r\n
\r\n \r\n
\r\n 200.000đ
\r\n200 điểm
\r\nBonus 5%
\r\n\r\n
\r\n \r\n
\r\n 500.000đ
\r\n500 điểm
\r\nBonus 7%
\r\n\r\n
\r\n \r\n Khách hàng mua gói tải full 21 site, không giới hạn thời\r\n gian sử dụng, cứ hết điểm thì nạp dùng tiếp. Trường hợp bị trừ điểm mà file không về\r\n thì inbox admin nhờ hỗ trợ.\r\n
\r\n\r\n NẠP NGAY\r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n Khuyến mãi đang diễn ra
\r\n\r\n
\r\n \r\n {listNew && listNew.map((item, index) => {\r\n return (\r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n })\r\n }\r\n \r\n {item.imageUrl &&
\r\n \r\n {item.name}\r\n
\r\n \r\n
\r\n );\r\n }\r\n\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n isLoggedIn: state.user.isLoggedIn\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n navigate: (path) => dispatch(push(path)),\r\n processLogout: () => dispatch(actions.processLogout()),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Menu);\r\n","import axios from '../axios';\r\n\r\n\r\nexport const get = async (_id) => {\r\n try {\r\n var res = await axios.get(`/Notification/Get`, {\r\n params: {\r\n id: _id\r\n }\r\n })\r\n return res;\r\n } catch (error) {\r\n return 0;\r\n }\r\n};\r\n","import React, { Component } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport Marquee from \"react-fast-marquee\";\r\n\r\nimport * as actions from \"../../store/actions\";\r\nimport { push } from \"connected-react-router\";\r\nimport * as clientService from \"../../services/clientService.js\"\r\nimport * as notiService from \"../../services/notiService.js\"\r\nimport './Header.scss';\r\nimport { Link } from 'react-router-dom';\r\n\r\nclass Header extends Component {\r\n constructor(props) {\r\n super(props);\r\n this.state = {\r\n isShowUser: false,\r\n user: {\r\n email: \"\",\r\n name: \"\",\r\n phoneNumber: \"\",\r\n },\r\n notiText: ''\r\n }\r\n }\r\n componentDidMount() {\r\n this.getCurrentUser();\r\n this.getNoti();\r\n }\r\n getCurrentUser = async () => {\r\n let res = await clientService.getCurrentInfo();\r\n if (res == 0) {\r\n return;\r\n }\r\n // else if (res == 401) {\r\n // setTimeout(() => {\r\n // this.handlePage('/login')\r\n // }, 2000);\r\n // return;\r\n // }\r\n else if (res.isSuccess) {\r\n let copyState = { ...this.state.user };\r\n copyState = res.data;\r\n this.setState({\r\n user: copyState\r\n })\r\n }\r\n else {\r\n return;\r\n }\r\n }\r\n getNoti = async () => {\r\n let res = await notiService.get(1); if (res.isSuccess) {\r\n this.setState({\r\n notiText: res.data.name\r\n })\r\n }\r\n }\r\n handlePage = (path) => {\r\n this.props.navigate(path);\r\n }\r\n showInfoUser = () => {\r\n this.setState({\r\n isShowUser: !this.state.isShowUser\r\n })\r\n }\r\n render() {\r\n const { processLogout } = this.props;\r\n let aaa = this.state.notiText;\r\n\r\n return (\r\n \r\n \r\n \r\n ![\"\"](\"../../assets/images/logo-sm.png\")
\r\n \r\n \r\n ![\"\"](\"../../assets/images/logo-light.png\")
\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n
\r\n \r\n\r\n \r\n
\r\n - \r\n
- GETLINK \r\n {listData && listData.map((item, index) => {\r\n return (\r\n
- \r\n \r\n
\r\n {item.name}\r\n \r\n \r\n
\r\n )\r\n })\r\n }\r\n - TÀI KHOẢN \r\n\r\n
- \r\n \r\n
- \r\n \r\n Hỗ trợ\r\n \r\n \r\n\r\n
- \r\n \r\n Nạp điểm\r\n \r\n \r\n\r\n
- \r\n \r\n Liên hệ\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n {/*
\r\n \r\n
*/}\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n\r\n
\r\n \r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n Tài khoản \r\n \r\n Lịch sử tải ảnh \r\n Lịch sử thanh toán \r\n Đăng xuất \r\n
\r\n Xin chào {this.state.user?.name ? this.state.user?.name : ''}!
\r\n\r\n
\r\n );\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n systemMenuPath: state.app.systemMenuPath\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(System);\r\n","import React, { Component } from 'react';\r\nimport { FormattedMessage } from 'react-intl';\r\nimport { connect } from 'react-redux';\r\nimport { Modal } from 'reactstrap';\r\n\r\nimport './ConfirmModal.scss';\r\nimport * as actions from \"../store/actions\";\r\nimport { KeyCodeUtils } from \"../utils\";\r\n\r\nclass ConfirmModal extends Component {\r\n\r\n constructor(props) {\r\n super(props);\r\n this.acceptBtnRef = React.createRef();\r\n }\r\n\r\n initialState = {\r\n };\r\n\r\n state = {\r\n ...this.initialState\r\n };\r\n\r\n componentDidMount() {\r\n document.addEventListener('keydown', this.handlerKeyDown);\r\n }\r\n\r\n componentWillUnmount() {\r\n document.removeEventListener('keydown', this.handlerKeyDown);\r\n }\r\n\r\n handlerKeyDown = (event) => {\r\n const keyCode = event.which || event.keyCode;\r\n if (keyCode === KeyCodeUtils.ENTER) {\r\n if (!this.acceptBtnRef.current || this.acceptBtnRef.current.disabled) return;\r\n this.acceptBtnRef.current.click();\r\n }\r\n }\r\n\r\n onAcceptBtnClick = () => {\r\n const { contentOfConfirmModal } = this.props;\r\n if (contentOfConfirmModal.handleFunc) {\r\n contentOfConfirmModal.handleFunc(contentOfConfirmModal.dataFunc);\r\n }\r\n this.onClose();\r\n }\r\n\r\n onClose = () => {\r\n this.props.setContentOfConfirmModal({\r\n isOpen: false,\r\n messageId: \"\",\r\n handleFunc: null,\r\n dataFunc: null\r\n });\r\n }\r\n\r\n render() {\r\n const { contentOfConfirmModal } = this.props;\r\n\r\n return (\r\n \r\n \r\n {/* { return ( \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n \r\n
\r\n\r\n
\r\n \r\n
\r\n\r\n \r\n\r\n
\r\n
\r\n \r\n \r\n \r\n
\r\n \r\n
\r\n \r\n )\r\n }\r\n}\r\n\r\nconst mapStateToProps = state => {\r\n return {\r\n language: state.app.language\r\n };\r\n};\r\n\r\nconst mapDispatchToProps = dispatch => {\r\n return {\r\n navigate: (path) => dispatch(push(path)),\r\n };\r\n};\r\n\r\nexport default connect(mapStateToProps, mapDispatchToProps)(Register);\r\n","import React, { Component, Fragment } from 'react';\r\nimport { connect } from 'react-redux';\r\nimport { Route, Switch } from 'react-router-dom';\r\nimport { ConnectedRouter as Router } from 'connected-react-router';\r\nimport { history } from '../redux'\r\nimport { ToastContainer } from 'react-toastify';\r\n\r\n\r\nimport { userIsAuthenticated, userIsNotAuthenticated } from '../hoc/authentication';\r\n\r\nimport { path } from '../utils'\r\n\r\nimport Home from '../routes/Home';\r\nimport Login from './Auth/Login';\r\n// import Header from './Header/Header';\r\n// import Menu from './Menu/Menu';\r\nimport System from '../routes/System';\r\n\r\nimport { CustomToastCloseButton } from '../components/CustomToast';\r\nimport ConfirmModal from '../components/ConfirmModal';\r\nimport Register from './Auth/Register';\r\nimport { gapi } from 'gapi-script';\r\n\r\nclass App extends Component {\r\n\r\n useEffect = () => {\r\n function start() {\r\n gapi.client.init({\r\n clientId: \"510041985758-c8u658vpleekkntkbm1t1vsphim3k37o.apps.googleusercontent.com\",\r\n scope: \"\"\r\n })\r\n }\r\n }\r\n handlePersistorState = () => {\r\n const { persistor } = this.props;\r\n let { bootstrapped } = persistor.getState();\r\n if (bootstrapped) {\r\n if (this.props.onBeforeLift) {\r\n Promise.resolve(this.props.onBeforeLift())\r\n .then(() => this.setState({ bootstrapped: true }))\r\n .catch(() => this.setState({ bootstrapped: true }));\r\n } else {\r\n this.setState({ bootstrapped: true });\r\n }\r\n }\r\n };\r\n\r\n componentDidMount() {\r\n this.handlePersistorState();\r\n }\r\n\r\n render() {\r\n return (\r\n \r\n \r\n\r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n \r\n
\r\n \r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n \r\n \r\n ![\"\"](\"assets/images/logo-light.png\")
\r\n \r\n
\r\n {/* \r\n \r\n Premium Admin & Dashboard Template
*/}\r\n\r\n
\r\n \r\n
\r\n \r\n\r\n
\r\n\r\n \r\n
\r\n \r\n
\r\n Đăng ký mới tài khoản muaStocks.com
\r\n\r\n
\r\n \r\n \r\n this.onChangeInput(event, 'name')}\r\n type=\"text\" className=\"form-control\" id=\"name\" placeholder=\"Nhập ho & tên\" />\r\n
\r\n\r\n \r\n \r\n this.onChangeInput(event, 'email')}\r\n type=\"email\" className=\"form-control\" id=\"useremail\" placeholder=\"Nhập email\" />\r\n
\r\n\r\n \r\n \r\n
\r\n {this.state.isShowRegis && \r\n this.onChangeInput(event, 'password')}\r\n type=\"password\" className=\"form-control pe-5 password-input\" onpaste=\"return false\" placeholder=\"Nhập mật khẩu\" id=\"password-input\" aria-describedby=\"passwordInput\" pattern=\"(?=.*\\d)(?=.*[a-z])(?=.*[A-Z]).{8,}\" required />\r\n \r\n
\r\n \r\n this.onSubmit()}\r\n className=\"btn btn-success w-100\" type=\"submit\">Đăng ký\r\n
}\r\n\r\n \r\n
\r\n\r\n Bạn đã có tài khoản ? this.handlePage('/login')} className=\"fw-semibold text-primary text-decoration-underline\"> Đăng nhập
\r\n\r\n \r\n \r\n
\r\n