import React, { Component } from "react"; import { connect } from "react-redux"; import { publicApi } from "~/Redux/actions"; import Navbar from "./Navbar"; import HomeHeader from "./HomeHeader/index"; import HomeStatic from "./HomeStatic/index"; import HomeScroll from "./HomeScroll/index"; import Footer from "./Footer/index"; import HomeSlider from "./HomeSlider/index"; import HomeSearch from "./HomeSearch/index"; import Membership from "./Membership/index"; import SingleBlog from "./SingleBlog/index"; import Loader from "~/components/Loader/index"; import Download from "./Download/index"; // import pic1 from "~/assets/images/pic1.png"; // import pic from "~/assets/images/pic.png"; // import online from "~/assets/icons/online-education.png"; // import chemistry from "~/assets/icons/chemistry.png"; // import calculator from "~/assets/icons/calculator.png"; // import homework from "~/assets/icons/homework.png"; // import sciense_6 from "~/assets/images/sciense-6.png"; // import chemistry_10 from "~/assets/images/chemistry-10.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 blog1 from "~/assets/images/blog1.png"; // import blog2 from "~/assets/images/blog2.png"; // import blog3 from "~/assets/images/blog3.png"; // import ar from "~/assets/icons/qr.svg"; // import qr from "~/assets/icons/qr.svg"; // import myBook from "~/assets/images/myBook.png"; // import homeBlog from "~/assets/images/homeBlog.png"; // import bookActivation from "~/assets/images/bookActivating.png"; // import home_chat from "~/assets/icons/home_chat.png"; // import home_ar from "~/assets/icons/home_ar(2).png"; import "./index.scss"; class Home extends Component { componentDidMount() { const mobile = window.innerWidth < 1000; window.scrollTo(0, 0); // if (this.props.homeData.length == 0) { if (mobile && this.props.userStatus) { this.props.getHomeData({ device: 2 }); } else { this.props.getHomeData({ device: 1, mobile: mobile ? 1 : 0 }); } return null; // } } //componentDidupdate = this.componentDidMount(); render() { const { homeData, loading } = this.props; if (!loading && this.props.homeData.length === 0) return this.componentDidMount(); const mobile = window.innerWidth < 1000; if (loading && this.props.homeData.length === 0) return (
); return ( <> <>
{homeData.map((item, i) => ( ))}
{window.location.host.indexOf("app") > -1 ? null : } {window.innerWidth > 1000 ?