/* 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