import React, {useState} from "react"; import arrowIcon from './arrow-down.svg'; import { Link } from "react-router-dom"; import { useLocation } from "react-router-dom"; //assets import profileIcon from './profile.svg' import elementIcon from './element-equal.svg'; import taskIcon from './task-square.svg'; import bookIcon from './book-1.svg'; import smsIcon from './sms.svg'; import mapIcon from './map.svg'; import radarIcon from './radar-1.svg'; import exitIcon from './logout.svg'; //active Icons import profileIconActive from './profile-active.svg' import elementIconActive from './element-equal-active.svg'; import taskIconActive from './task-square-active.svg'; import bookIconActive from './book-1-active.svg'; import smsIconActive from './sms-active.svg'; import mapIconActive from './map-active.svg'; import radarIconActive from './radar-1-active.svg'; import { connect } from "react-redux"; import { user } from "../../../redux/actions"; const MobileSideMenu = ({ profilePic, users, close, logOut }) => { const location = useLocation(); const [showUsers, setShowUsers] = useState(false); const options = [ { icon: profileIcon, activeIcon: profileIconActive, title: 'مشخصات', link: '/' }, { icon: elementIcon, activeIcon: elementIconActive, title: 'انتخاب خدمات', link: '/services' }, { icon: taskIcon, activeIcon: taskIconActive, title: 'آزمون های من', link: '' }, { icon: bookIcon, activeIcon: bookIconActive, title: 'وبلاگ', link: '' }, { icon: elementIcon, activeIcon: elementIconActive, title: 'خدمات من', link: '' }, { icon: smsIcon, activeIcon: smsIconActive, title: 'پشتیبانی', link: '/messages' }, { icon: mapIcon, activeIcon: mapIconActive, title: 'اطلاعات تماس', link: '/contacts' }, { icon: radarIcon, activeIcon: radarIconActive, title: 'گزارش ایراد یا نقص فنی', link: '' }, { icon: exitIcon, activeIcon: exitIcon, title: 'خروج', link: '', onClick: () => logOut() }, ] return (
{item.title}
)) }