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);