import React, { useState, useEffect } from "react"; import { connect } from "react-redux"; import { publicApi } from "../../redux/actions"; import poster from "../../assets/images/poster.svg"; import Divider from "../../components/Divider"; import Season from "./components/Season"; import DesktopVideoDisplay from "./Desktop"; function VideoDisplay({ isMobile, product = { type: "کتاب ها", name: "ریاضی", price: "145.000 تومان", imageUrl: "https://dnvn.ir/api/v1/file/2105", poster: poster, grade: "پایه هفتم ابتدایی", seasons: [ { name: "فصل اول: مباحث جوشش مواد مذاب در مرکز زمین", duration: "2:30:13", units: [ { name: "مقدمه جالب توجه نویسنده کتاب برای شما", duration: "14:30", download: true, play: true, }, { name: "چگونگی ساخت نیروگاه‌های برقی ", duration: "14:30", download: false, play: true, }, { name: "آیا گوگل از ما دزدی می‌کند ؟", duration: "14:30", download: true, play: true, }, ], }, ], }, headerOptions, setHeaderOptions, book, seasons, grades, getBook, }) { useEffect(() => { const id = window.location.pathname.slice( 8, window.location.pathname.lastIndexOf("/") ); setHeaderOptions(headerOptions); // getBook({ bookId: id }); }, []); const enamad = ''; return isMobile ? (
{/*
{product.name} {product.grade}
*/}
{product.seasons.map((season, index) => ( ))}
) : ( ); } const mapStateToProps = (state) => ({ isMobile: state.publicApi.isMobile, book: state.publicApi.bookInfo, grades: state.publicApi.categories, grades: state.publicApi.grades, selectedVideo: state.publicApi.selectedVideo, }); const mapDispatchToProps = { setHeaderOptions: publicApi.setHeaderOptions, getBook: publicApi.getBook, }; export default connect(mapStateToProps, mapDispatchToProps)(VideoDisplay);