import { useState } from "react"; import img1 from "../../assets/img/Group 1344.svg"; import img2 from "../../assets/img/Group 1345.svg"; import img3 from "../../assets/img/Group 1349.svg"; import img4 from "../../assets/img/Group 1364.svg"; import img5 from "../../assets/img/Group 1357.svg"; import img6 from "../../assets/img/Group 1362.svg"; import { HiCheck } from "react-icons/hi"; import { connect } from "react-redux"; import ScrollContainer from 'react-indiana-drag-scroll' const Games = ({ gameId, chooseGame, selectedGames, isMobile }) => { const [data, setData] = useState([ { id: 1, img: img1, title: 'کلاس های آموزشی', }, { id: 2, img: img2, title: 'پیش ثبت نام مدارس', }, { id: 3, img: img3, title: 'بسته های آزمون', }, { id: 4, img: img4, title: 'کتاب های آموزشی', }, { id: 5, img: img5, title: 'دوره های مجازی', }, { id: 6, img: img6, title: 'سایر خدمات', }, ]); return ( <> { !isMobile ?
{data.map((item, index) => (
chooseGame(item.id)} > {selectedGames.includes(item.id) &&
} game-img
{item.title}
))}
: {data.map((item, index) => (
chooseGame(item.id)} > {selectedGames.includes(item.id) &&
} game-img
{item.title}
))}
} ); }; const mapStateToProps = (state) => ({ isMobile: state.publicApi.isMobile, }); const mapDispatchToProps = ({}); export default connect(mapStateToProps, mapDispatchToProps)(Games);