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)}
>
{season.map((unit, index) => (
))}
) : (
toggle(season[0].categoryId)}
>
{
realSeasons.filter((item) => item.id === season[0].categoryId)[0]
.name
}
{season.map((unit, index) => (
))}
);
};
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);