import React, { useState } from "react"; import { connect } from "react-redux"; import location from "../../../utils/location"; import { Link } from "react-router-dom"; import { publicApi } from "../../../redux/actions"; //assets import dropdownIcon from "../../../assets/icons/dropdown-blue.svg"; const Season = ({ toggle, season, id, isMobile, activeSeason, realSeasons, vodDuration, }) => { const setCategory = (seasonId, videoId) => { localStorage.removeItem("bookId"); localStorage.setItem( "season", location.getId() + "," + seasonId + "," + videoId ); }; 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) ); }; // const [activeSeason, setActiveSeason] = useState(null); const Unit = ({ unit, index }) => { return isMobile ? (
  • {unit.name}
    setCategory(season[0].categoryId, unit.name)} > {Number(index) === 0 ? `${window.t("تماشا")}` : `${window.t("قفل")}`}
  • ) : (
  • // setSelectedLesson(selectedLesson === data.id ? null : data.id) // } >
    {unit.name}
    setCategory(season[0].categoryId, unit.name)} > {Number(index) === 0 ? `${window.t("تماشا")}` : `${window.t("قفل")}`}
  • ); }; return isMobile ? (
    toggle(season[0].categoryId)} >
    ) : (
  • toggle(season[0].categoryId)} > { realSeasons.filter((item) => item.id === season[0].categoryId)[0] .name }
  • ); }; const mapStateToProps = (state) => ({ isMobile: state.publicApi.isMobile, activeSeason: state.publicApi.activeCategory, realSeasons: state.publicApi.bookInfo?.categories, vodDuration: state.publicApi.bookInfo?.vodDuration, }); const mapDispatchToProps = { toggle: publicApi.activeCategory, }; export default connect(mapStateToProps, mapDispatchToProps)(Season);