import React, { useState } from "react"; import { connect } from "react-redux"; import { publicApi, dialog, user } from "../../redux/actions"; import { Link } from "react-router-dom"; import Drawer from "react-modern-drawer"; //assets import homeIcon from "./home.svg"; import homeDarkIcon from "./home-dark.svg"; import logoutIcon from "./logout.svg"; import logoutDarkIcon from "./logout-dark.svg"; import dangerIcon from "./mobile-danger.svg"; import dangerDarkIcon from "./mobile-danger-dark.svg"; import activationIcon from "./activation.svg"; import activationDarkIcon from "./activation-dark.svg"; import contactIcon from "./contact.svg"; import contactDarkIcon from "./contact-dark.svg"; import ordersIcon from "./orders.svg"; import ordersDarkIcon from "./orders-dark.svg"; import arIcon from "./AR.svg"; import arDarkIcon from "./AR-dark.svg"; import cartIcon from "./mobile-basket.svg"; import cartDarkIcon from "./mobile-basket-dark.svg"; import faqIcon from "./faq.svg"; import faqDarkIcon from "./faq-dark.svg"; import arrowLeftVideo from "../../assets/icons/dropdown-white.svg"; import sunIcon from "./sun.svg"; import moonIcon from "./moon.svg"; //components import Avatar from "../../components/Avatar"; const MyDrawer = ({ setDrawerOpen, drawerOpen, isDark, user, changeDarkMode, setDialog, logout, }) => { const [addUserDropdown, setAddUserDropdown] = useState(false); const publicLink = [ { name: `${window.t("صفحه اصلی")}`, link: "/", icon: ( {`${window.t("صفحه ), toast: "", message: "", }, { name: `${window.t("ورود یا ثبت نام")}`, link: "/signup", icon: ( {`${window.t("کتاب‌های ), toast: "", message: "", }, { name: `${window.t("پشتیبانی")}`, link: "/contact-us", icon: ( {`${window.t("پشتیبانی")}`} ), toast: "", message: "", }, ]; const privateLink = [ { name: `${window.t("صفحه اصلی")}`, link: "/", icon: ( {`${window.t("صفحه ), toast: "", message: "", onClick: () => { setDrawerOpen(false); }, }, { name: `${window.t("سبد خرید")}`, link: "/cart", icon: ( {`${window.t("سبد ), toast: "", message: "", onClick: () => { setDrawerOpen(false); }, }, { name: `${window.t("فعال سازی کتاب")}`, link: "/activation", icon: ( {`${window.t("فعال ), toast: "", message: "", onClick: () => { setDrawerOpen(false); }, }, { name: `${window.t("واقعیت افزوده")}`, link: "/ar", icon: ( {`${window.t("واقعیت ), toast: "", message: "", onClick: () => { setDrawerOpen(false); }, }, { name: `${window.t("سفارشات")}`, link: "/orders", icon: ( {`${window.t("سفارشات")}`} ), toast: "", message: "", onClick: () => { setDrawerOpen(false); }, }, { name: `${window.t("سوالات متداول")}`, link: "/faq", icon: ( {`${window.t("سوالات ), toast: "", message: "", onClick: () => { setDrawerOpen(false); }, }, { name: `${window.t("پشتیبانی")}`, link: "/contact", icon: ( {`${window.t("پشتیبانی")}`} ), toast: "", message: "", onClick: () => { setDrawerOpen(false); }, }, { name: `${window.t("خروج از حساب کاربری")}`, link: "/", icon: ( {`${window.t("خروج ), toast: "", message: "", onClick: () => { setDialog({ open: true, type: "confirm", accept: () => { logout(); }, text:`${window.t("قصد خروج از حساب کاربری رو داری؟")}`, }); setDrawerOpen(false); }, }, ]; return ( setDrawerOpen(() => !drawerOpen)} size={"80%"} direction="right" >
e.stopPropagation()} >
changeDarkMode(!isDark)} />
{user && user?.firstName + " " + user?.lastName} {user?.cellphone}
setAddUserDropdown(() => !addUserDropdown)} />
); }; const mapStateToProps = (state) => ({ isDark: state.publicApi.isDark, user: state.user.status, }); const mapDispatchToProps = { changeDarkMode: publicApi.setIsDark, setDialog: dialog.set, logout: user.logout, }; export default connect(mapStateToProps, mapDispatchToProps)(MyDrawer);