Fix typo in status panel that make it crash

Add sanity check if extension has no body

Author: luc-github

dist/CNC/GRBL/index.html.gz

@@ -17,7 +17,7 @@
 */
 import { h } from "preact"
 import { webUIbuild } from "../../targets"
-export const webUIversion = "3.0.0-a73"
+export const webUIversion = "3.0.0-a74"
 export const Esp3dVersion = () => (
     <span>
         {webUIversion}.{webUIbuild}

dist/CNC/GRBLHal/index.html.gz

@@ -175,8 +175,8 @@ const ExtraContentItem = ({
     }, [id, loadContent])
 
     useEffect(() => {
-        console.log("Updating refresh interval for " + id)
         if (refreshtime > 0 && (type === "camera" || type === "image") && visibilityState[id] && !isPaused) {
+            console.log("Updating refresh interval for " + id)
             if (!refreshIntervalRef.current){
                 console.log("Starting refresh interval for " + id+ " with refreshtime " + refreshtime)
                 refreshIntervalRef.current = setInterval(loadContent, refreshtime)
@@ -207,6 +207,10 @@ const ExtraContentItem = ({
 
             const doc = iframeElement.contentWindow.document
             const body = doc.querySelector("body")
+            if (!body){
+                console.error("body not found")
+                return
+            } 
             body.classList.add("body-extension")
             const css = document.querySelectorAll("style")
             css.forEach((csstag) => {