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 (