import React, { Component } from "react"; 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 Gallery from "./Gallery/index"; import Info from "./Info/index"; import AddToCart from "./AddToCart/index"; import HomeScroll from "../Home/HomeScroll/index"; import HomeSlider from "../Home/HomeSlider/index"; import sciense_7 from "~/assets/images/sciense-7.png"; import sciense_6 from "~/assets/images/sciense-6.png"; import sciense_8 from "~/assets/images/sciense-8.png"; import sciense_9 from "~/assets/images/sciense-9.png"; import zist_10 from "~/assets/images/zist-10.png"; import film from "~/assets/Video/film.mp4"; import product_shipping from "~/assets/icons/product-shipping.png"; import product_cash_back from "~/assets/icons/product-cash-back.png"; import product_support from "~/assets/icons/product-support.png"; import send_comment from "~/assets/icons/send-comment.png"; import "./index.scss"; const maxDesktopSize = 1250; const maxMobileSize = 550; const fontSize = { desktop: { h1: window.innerWidth > maxDesktopSize ? 20 : window.innerWidth / 70, }, mobile: { h1: window.innerWidth > maxMobileSize ? 20 : window.innerWidth / 18, h2: window.innerWidth > maxMobileSize ? 14 : window.innerWidth / 24, h3: window.innerWidth > maxMobileSize ? 16 : window.innerWidth / 26, a: window.innerWidth > maxMobileSize ? 16 : window.innerWidth / 26, p: window.innerWidth > maxMobileSize ? 13 : window.innerWidth / 30, li: window.innerWidth > maxMobileSize ? 14 : window.innerWidth / 29, }, }; export default class Product extends Component { render() { const { product, sameProducts, supportItems } = this.props; return ( <> {window.innerWidth > 1000 ? ( <>

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