const { useState: useStateNav, useEffect: useEffectNav } = React;
function Clock() {
const [t, setT] = useStateNav(() => new Date());
useEffectNav(() => {
const id = setInterval(() => setT(new Date()), 1000);
return () => clearInterval(id);
}, []);
const berOpts = { timeZone: "Europe/Berlin", hour: "2-digit", minute: "2-digit", hour12: false };
const localOpts = { hour: "2-digit", minute: "2-digit", hour12: false };
const berTime = t.toLocaleTimeString("en-GB", berOpts);
const localTime = t.toLocaleTimeString("en-GB", localOpts);
const tzAbbr = t.toLocaleTimeString("en-GB", { timeZoneName: "short" }).split(" ").pop();
const showLocal = localTime !== berTime;
return (
<>
{berTime} BER
{showLocal && {localTime} {tzAbbr}
}
);
}
function Nav() {
const [menuOpen, setMenuOpen] = useStateNav(false);
const isHome = window.location.pathname === "/" || window.location.pathname === "/index.html";
useEffectNav(() => {
const val = menuOpen ? "hidden" : "";
document.body.style.overflow = val;
document.documentElement.style.overflow = val;
document.documentElement.classList.toggle("menu-open", menuOpen);
return () => {
document.body.style.overflow = "";
document.documentElement.style.overflow = "";
document.documentElement.classList.remove("menu-open");
};
}, [menuOpen]);
return (
<>
{menuOpen && (
)}
);
}
window.Nav = Nav;