diff --git a/app/layout.tsx b/app/layout.tsx index e254dc09..46ad9bf1 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -41,28 +41,12 @@ export default function RootLayout({ dangerouslySetInnerHTML={{ __html: ` let listener = () => { - console.log("firing listener", window.innerHeight, window.innerWidth) let el = document.querySelector(":root"); el.style.setProperty("--leaflet-height-unitless", window.innerHeight) el.style.setProperty("--leaflet-width-unitless", window.innerWidth) - el.style.setProperty("--test", "THIS IS A TEST") - } - if (document.readyState === 'complete') { - listener(); - } else { - document.addEventListener('DOMContentLoaded', listener); } + listener() window.addEventListener("resize", listener) - const styleObserver = new MutationObserver((mutations) => { - const currentValue = mutations[0].target.style.getPropertyValue('--leaflet-width-unitless'); - console.log(currentValue) - console.log(mutations[0].target.style.getPropertyValue('--test')); - }); - - styleObserver.observe(document.documentElement, { - attributes: true, - attributeFilter: ['style'], - }); `, }} /> diff --git a/components/InitialPageLoadProvider.tsx b/components/InitialPageLoadProvider.tsx index d99619df..a40eb2ac 100644 --- a/components/InitialPageLoadProvider.tsx +++ b/components/InitialPageLoadProvider.tsx @@ -4,21 +4,6 @@ import { create } from "zustand"; export const useInitialPageLoad = create(() => false); export function InitialPageLoad(props: { children: React.ReactNode }) { - useEffect(() => { - let listener = () => { - console.log("firing listener", window.innerHeight, window.innerWidth); - document.documentElement.style.setProperty( - "--leaflet-height-unitless", - window.innerHeight.toString(), - ); - document.documentElement.style.setProperty( - "--leaflet-width-unitless", - window.innerWidth.toString(), - ); - }; - window.addEventListener("resize", listener); - return () => window.removeEventListener("resize", listener); - }); useEffect(() => { setTimeout(() => { useInitialPageLoad.setState(() => true);