import React from "react"; import { connect } from "react-redux"; import "./index.scss"; const maxDesktopSize = 1250; const maxMobileSize = 550; const fontSize = { desktop: { h1: window.innerWidth > maxDesktopSize ? 30 : window.innerWidth / 40, th: window.innerWidth > maxDesktopSize ? 16 : window.innerWidth / 80, h2: window.innerWidth > maxDesktopSize ? 20 : window.innerWidth / 55, h3: window.innerWidth > maxDesktopSize ? 12 : window.innerWidth / 90, strong: window.innerWidth > maxDesktopSize ? 13 : window.innerWidth / 90, span: window.innerWidth > maxDesktopSize ? 12 : window.innerWidth / 95, }, mobile: { h1: window.innerWidth > maxMobileSize ? 20 : window.innerWidth / 13, h2: window.innerWidth > maxMobileSize ? 16 : window.innerWidth / 24, h3: window.innerWidth > maxMobileSize ? 12 : window.innerWidth / 30, strong: window.innerWidth > maxMobileSize ? 12 : window.innerWidth / 30, span: window.innerWidth > maxMobileSize ? 10 : window.innerWidth / 34, p: window.innerWidth > maxMobileSize ? 12 : window.innerWidth / 32, input: window.innerWidth > maxMobileSize ? 16 : window.innerWidth / 20, }, }; const Factor = (props) => { const { factorInfo } = props; return ( <> {window.innerWidth < 1000 ? (
مبلغ سبد خرید {factorInfo.sumPrice} تومان
{/*
هزینه ارسال {factorInfo.transportPrice} تومان
*/}
میزان تخفیف {factorInfo.offPrice} تومان
مالیات بر ارزش افزوده {factorInfo.vatPrice} تومان
) : null} {window.innerWidth > 1000 ? (
مبلغ سبد خرید {factorInfo.sumPrice} تومان
{/*
هزینه ارسال {factorInfo.transportPrice} تومان
*/}
میزان تخفیف {factorInfo.offPrice} تومان
مالیات بر ارزش افزوده {factorInfo.vatPrice} تومان
) : null} ); }; export default connect( (state) => ({ factorInfo: state.userFactor.info, }), {} )(Factor);