import React, { useEffect, useState } from "react"; import { Link } from "react-router-dom"; import { connect } from "react-redux"; import _ from "lodash"; import grayBagIcon from "../../assets/icons/gray-bag.svg"; import graySearchIcon from "../../assets/icons/gray-search.svg"; import logoIcon from "../../assets/icons/logo.svg"; import qrIcon from "../../assets/icons/qr-white.svg"; import qrBlueIcon from "../../assets/icons/qr-blue.svg"; import arIcon from "../../assets/icons/ar-white.svg"; import arBlueIcon from "../../assets/icons/ar-blue.svg"; import hamburgerIcon from "../../assets/icons/hamburger.svg"; import hamburgerBlueIcon from "../../assets/icons/hamburger-blue.svg"; function Navbar({ pages, isDark, isLogin }) { const [top, setTop] = useState(false); useEffect(() => { if (window.scrollY === 0) { setTop(() => true); } window.addEventListener("scroll", () => { if (window.scrollY === 0) { setTop(() => true); } else { setTop(() => false); } }); }, []); return (
{/* landscape start */}
{/* landscape end */} {/* portrait start */}
{isLogin && (
)}
{/* portrait end */}
); } const mapStateToProps = (state) => ({ isDark: state.publicApi.isDark, isLogin: state.user.status, }); export default connect(mapStateToProps, {})(Navbar); Navbar.defaultProps = { pages: [ { link: "/products", name: "محصولات", }, { link: "/filter", name: "دسته بندیها", }, { link: "/contact", name: "تماس با ما", }, { link: "/about-us", name: "درباره ما", }, { link: "/orders", name: "پیگیری", }, { link: "/blogs", name: "وبلاگ", }, ], };