import React, { Component } from "react"; import proxy from "~/Redux/proxy"; import { Link } from "react-router-dom"; import Avatar from "@material-ui/core/Avatar"; import logo from "~/assets/icons/logo.png"; import basket from "~/assets/icons/basket.png"; import MenuItem from "@material-ui/core/MenuItem"; import Menu from "@material-ui/core/Menu"; import { connect } from "react-redux"; import "./index.scss"; import { useHistory } from "react-router-dom"; import { user } from "~/Redux/actions"; function Navigate({ path }) { let history = useHistory(); return <>{history.push(path)}; } const maxDesktopSize = 1250; const fontSize = { desktop: { li: window.innerWidth > maxDesktopSize ? 15 : window.innerWidth / 85, a: window.innerWidth > maxDesktopSize ? 15 : window.innerWidth / 85, }, }; class LaptopNavbar extends Component { state = {}; render() { const { status } = this.props; if (this.state.navigatePath) return ; const { links } = this.props; return ( ); } } export default connect((state) => ({ status: state.user.status }), { logout: user.logout, })(LaptopNavbar); LaptopNavbar.defaultProps = { links: [ { name: window.t("صفحه اصلی"), to: "/", page: "home" }, { name: window.t("فروشگاه"), to: "/products", page: "products" }, { name: window.t("سوالات متداول"), to: "/faq", page: "faq" }, { name: window.t("درباره ما"), to: "/about", page: "about" }, { name: window.t("پشتیبانی"), to: "/contact", page: "contact" }, ], };