import React from "react"; import { connect } from "react-redux"; import { Link } from "react-router-dom"; import { useNavigate } from "react-router-dom"; //assets import userGreenIcon from "../../../../assets/icons/user-green.svg"; import videoGreenIcon from "../../../../assets/icons/video-green.svg"; import cartGreenIcon from "../../../../assets/icons/cart-green.svg"; import bookmarkGreenIcon from "../../../../assets/icons/bookmark-green.svg"; import bookGreenIcon from "../../../../assets/icons/book-green.svg"; import addressGreenIcon from "../../../../assets/icons/address-green.svg"; const List = ({ mobile }) => { const pages = [ { icon: , name: "اطلاعات حساب کاربری", link: "/editProfile", }, { icon: , name: "سفارشات", link: "/Orders", }, { icon: , name: "کتاب‌های من", link: "/AR", }, { icon: , name: "دوره‌های من", link: "#", }, { icon: , name: "لیست علاقه‌مندی‌ها", link: "/favorites", }, { icon: , name: "آدرس‌ها", link: "/addresses", }, ]; return (
{pages.map((page, index) => (
{page.icon} {page.name}
))}
); }; const mapStateToProps = (state) => ({ mobile: state.publicApi.mobile, }); export default connect(mapStateToProps)(List);