import React from "react";
import { View, Text, Pressable, Appearance } from "react-native";
import { SimpleLineIcons } from "@expo/vector-icons";
import { connect } from "react-redux";
import { publicApi } from "../../../redux/actions";
import { useNavigation } from "@react-navigation/native";
//assets
import tw from "tailwind-rn";
import fontSize from "../../../constants/fontSize";
import Colors from "../../../constants/Colors";
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 Season = ({
season,
toggle,
activeSeason,
realSeasons,
seasonName,
mobile,
theme
}) => {
// const [selectedSeason, setSelectedSeason] = useState(null);
const navigation = useNavigation();
const Unit = ({ unit, index }) => {
return (
{unit.name}
{duration(unit.duration)}
Number(index) === 0
? navigation.navigate("VideoDisplay", {
season: season,
unit: unit,
name: seasonName,
})
: {}
}
>
نمایش
);
};
return (
toggle(season[0].categoryId)}
>
{realSeasons?.length > 0 &&
realSeasons?.filter(
(item) => item?.id === season[0]?.categoryId
)[0]?.name}
{season[0]?.categoryId === activeSeason &&
season?.map((unit, index) => (
))}
);
};
const mapStateToProps = (state) => ({
activeSeason: state.publicApi.activeCategory,
realSeasons: state.publicApi.bookInfo?.categories,
vodDuration: state.publicApi.bookInfo?.vodDuration,
mobile: state.publicApi.mobile,
theme: state.publicApi.theme
});
const mapDispatchToProps = {
toggle: publicApi.activeCategory,
};
export default connect(mapStateToProps, mapDispatchToProps)(Season);