/* eslint-disable jsx-a11y/anchor-has-content */ import React, { Component } from "react"; import { Link } from "react-router-dom"; import Navbar from "../Home/Navbar/index"; import Footer from "../Home/Footer/index"; import Loader from "~/components/Loader/index"; import Image from "./Image/index"; import VoiceBox from "./VoiceBox/index.js"; import VideoBox from "./VideoBox/index"; import PDF from "./PDF/index"; import PowerPoint from "./PowerPoint/index"; import Links from "./Links/index"; import BookContent from "./BookContent/index"; import MoreVertIcon from "@material-ui/icons/MoreVert"; import { connect } from "react-redux"; import { qr } from "~/Redux/actions"; import exit from "../../assets/icons/exit.svg"; import sciense_7 from "../../assets/images/sciense-7.png"; import { useHistory } from "react-router-dom"; import "./index.scss"; function Navigate({ path }) { let history = useHistory(); return <>{history.push(path)}; } const maxDesktopSize = 1250; const grades = [ window.t("اول"), window.t("دوم"), window.t("سوم"), window.t("چهارم"), window.t("پنجم"), window.t("ششم"), window.t("هفتم"), window.t("هشتم"), window.t("نهم"), window.t("دهم"), window.t("یازدهم"), window.t("دوازدهم"), ]; class QR extends Component { state = { theme: true, zoom: [10, 10], menu: true, }; handleZoom = (type) => { if (type === "increase") { this.setState((prevState) => ({ zoom: prevState.zoom[0] === 18 ? prevState.zoom : [prevState.zoom[0] + 2, prevState.zoom[1] - 2], })); } else { this.setState((prevState) => ({ zoom: prevState.zoom[0] === 6 ? prevState.zoom : [prevState.zoom[0] - 2, prevState.zoom[1] + 2], })); } }; componentDidMount() { window.scrollTo(0, 0); if (window.location.search) { let tail = window.location.search.slice( window.location.search.lastIndexOf("=") + 1, window.location.search.length ); this.props.info({ tail: tail }); } } componentDidUpdate(prevProps, prevState) { const { qrList } = this.props; if (prevProps.qrList !== qrList && !qrList.activationCode) { localStorage.setItem( "latestQr", JSON.stringify({ name: qrList.book.name, pagesNum: qrList.book.pagesNum, gradeId: qrList.book.gradeId, link: window.location.search, fileIds: qrList.book.fileIds, }) ); } } render() { const { qrList, loading } = this.props; const fontSize = { desktop: { sidebar: { h1: window.innerWidth > maxDesktopSize ? 14 : window.innerWidth / 95, h2: window.innerWidth > maxDesktopSize ? 12 : window.innerWidth / 120, div: window.innerWidth > maxDesktopSize ? 12 : window.innerWidth / 120, }, content: { h1: window.innerWidth > maxDesktopSize ? this.state.zoom[0] * 2 : window.innerWidth / (this.state.zoom[1] * 7), p: window.innerWidth > maxDesktopSize ? this.state.zoom[0] * 1.4 : window.innerWidth / (this.state.zoom[1] * 12), h2: window.innerWidth > maxDesktopSize ? this.state.zoom[0] * 1.2 : (window.innerWidth / this.state.zoom[1]) * 12, }, }, }; if (+qrList?.activationCode === 1) return ; return ( <> {window.innerWidth > 1000 ? ( !loading ? ( <>
{qrList ? (
{qrList.book.name}

{qrList.book.name}

پایه {grades[qrList.book.gradeId]}

شما در حال مطالعه{" "} صفحه {qrList.book.pagesNum} هستید.
{/* */}
{/* this.setState({ theme: !this.state.theme }) } > */} this.handleZoom("increase")} > + this.handleZoom("decrease")} > -
{qrList.qr.content.map((item, i) => ( ))}
) : (

محتوایی برای این صفحه در دسترس نیست.!

)}