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,
},
],
};