// Sticky top nav + mobile menu + tree badge
const { useEffect, useState } = React;
function Nav({ page, setPage, cartCount, wishlistCount, forceScrolled }) {
const [scrolled, setScrolled] = useState(false);
const [heroActive, setHeroActive] = useState(page === 'home');
const [mobileOpen, setMobileOpen] = useState(false);
useEffect(() => {
const onScroll = () => {
setScrolled(window.scrollY > 60);
if (page === 'home') {
setHeroActive(window.scrollY < (window.innerHeight - 100));
} else {
setHeroActive(false);
}
};
onScroll();
window.addEventListener('scroll', onScroll, { passive: true });
return () => window.removeEventListener('scroll', onScroll);
}, [page]);
useEffect(() => {
setMobileOpen(false);
}, [page]);
const isScrolled = scrolled || forceScrolled;
const go = (p) => (e) => {
e && e.preventDefault();
setPage(p);
setMobileOpen(false);
window.scrollTo({ top: 0, behavior: 'instant' });
};
return (
{mobileOpen && (
)}
{/* App-style Mobile Bottom Navigation Bar */}
);
}
function Toast({ msg }) {
return {msg || ' '}
;
}
Object.assign(window, { Nav, Toast });