import React, { useEffect } from "react"; import { connect } from "react-redux"; import { publicApi, userFavorite } from "../../redux/actions"; //assets import bookImage from "./book.svg"; import bookmarkIcon from "./bookmark.svg"; const Favorites = ({ bookmarkList, isMobile, headerOptions, setHeaderOptions, getList, }) => { React.useEffect(() => { if (isMobile) { setHeaderOptions(headerOptions); } getList(); }, []); useEffect(() => { // alert(); window.scrollTo(0, 0); }, []); return (
{bookmarkList.map((bookmark, index) => ( ))}
); }; const Bookmark = ({ bookmark }) => { return (
{bookmark.name} {bookmark.grade}
); }; const mapStateToProps = (state) => ({ loading: state.userFactor.loading, isMobile: state.publicApi.isMobile, bookmarkList: state.userFavorite.list, }); const mapDispatchToProps = { setHeaderOptions: publicApi.setHeaderOptions, getList: userFavorite.list, }; export default connect(mapStateToProps, mapDispatchToProps)(Favorites); Favorites.defaultProps = { bookmarkList: [ { name: "کتاب آموزشی علوم تجربی", grade: "پایه ششم ابتدایی", image: bookImage, }, { name: "کتاب آموزشی علوم تجربی", grade: "پایه ششم ابتدایی", image: bookImage, }, { name: "کتاب آموزشی علوم تجربی", grade: "پایه ششم ابتدایی", image: bookImage, }, ], };