/* global React, PROFILE, Stamp, Uptime */
const { useState, useEffect, useRef } = React;
function TopBar({ active, onNavigate }) {
const [open, setOpen] = useState(false);
const [hidden, setHidden] = useState(false);
const lastY = useRef(0);
useEffect(() => {
const onScroll = () => {
const y = window.scrollY;
if (y < 62) { setHidden(false); lastY.current = y; return; }
const delta = y - lastY.current;
if (delta > 8) { setHidden(true); lastY.current = y; }
if (delta < -8) { setHidden(false); lastY.current = y; }
};
window.addEventListener("scroll", onScroll, { passive: true });
return () => window.removeEventListener("scroll", onScroll);
}, []);
const link = (id, label) => {
const handleClick = (e) => {
e.preventDefault();
setOpen(false);
if (onNavigate) onNavigate(id);
};
return (
{label}
);
};
return (
{PROFILE.status}
);
}
Object.assign(window, { TopBar });