import React, { useState } from "react"; import { connect } from "react-redux"; import { publicApi } from "../../redux/actions"; import { toast } from "react-toastify"; import "./index.css"; const CourseChapter = ({ playList, seasons, book, grades, selectedVideo, userId, setVideoActive, }) => { const duration = (value) => { const minute = value % 60; const hour = Math.round(value / 60); return ( (hour > 0 ? (hour.toString().length === 1 ? "0" + hour.toString() : hour) + "" : "") + ":" + (minute.toString().length === 1 ? "0" + minute.toString() : minute) ); }; return (

سرفصل دوره

{book?.name} {"پایه" + " " + grades[book?.gradeId]}

{seasons?.length > 0 && playList?.length > 0 && seasons?.filter((item) => item?.id === playList[0]?.categoryId)[0] ?.name}

{/* {video?.duration} */}
{playList?.map((video, index) => (
{/* right div dot dot */}
{/* left div content */}
video?.isFreeVod || +userId === 140 ? setVideoActive(video) : toast.error("ابتدا محصول رو خریداری کن!") } disabled={true} > {/* top */}

{video?.name}

{duration(video?.duration)}
{/* divider */}
{/* bottom */} {selectedVideo?.id === video?.id ? "در حال پخش" : "پخش"}
))}
); }; const mapStateToProps = (state) => ({ selectedVideo: state.publicApi.selectedVideo, seasons: state.publicApi.bookInfo?.categories, book: state.publicApi.bookInfo, grades: state.publicApi.grades, // vods: state.publicApi.bookSection?.vods, userId: state?.user?.status?.id, }); const mapDispatchToProps = { setVideoActive: publicApi.setVideoActive, }; export default connect(mapStateToProps)(CourseChapter); CourseChapter.defaultProps = { chapters: [ { title: "فصل اول: مباحث جوشش مواد مذاب در مرکز", duration: "2:30:13", lessons: [ { title: "آیا گوگل از ما دزدی میکند؟", duration: "14:30", play: "پخش", passed: true, }, { title: "چگونگی ساخت نیروگاه های برقی", duration: "22:31", play: "در حال پخش", passed: true, }, { title: "آیا از اینترنت می توان درآمد داشت؟", duration: "10:09", play: "نمایش", passed: false, }, { title: "زمین سبز و آسمان آبی", duration: "56:09", play: "نمایش", passed: false, }, { title: "زمین سبز و آسمان آبی", duration: "56:09", play: "نمایش", passed: false, }, { title: "زمین سبز و آسمان آبی", duration: "56:09", play: "نمایش", passed: false, }, { title: "زمین سبز و آسمان آبی", duration: "56:09", play: "نمایش", passed: false, }, ], }, ], };