fix: ensure code exists inside pre before adding clipboard

jackyzha0 · Aug 20, 2023 · 7b7064a · 7b7064a
1 parent ca17af4
commit 7b7064a
Showing 1 changed file with 22 additions and 20 deletions.
diff --git a/quartz/components/scripts/clipboard.inline.ts b/quartz/components/scripts/clipboard.inline.ts
@@ -7,25 +7,27 @@ document.addEventListener("nav", () => {
   const els = document.getElementsByTagName("pre")
   for (let i = 0; i < els.length; i++) {
     const codeBlock = els[i].getElementsByTagName("code")[0]
-    const source = codeBlock.innerText.replace(/\n\n/g, "\n")
-    const button = document.createElement("button")
-    button.className = "clipboard-button"
-    button.type = "button"
-    button.innerHTML = svgCopy
-    button.ariaLabel = "Copy source"
-    button.addEventListener("click", () => {
-      navigator.clipboard.writeText(source).then(
-        () => {
-          button.blur()
-          button.innerHTML = svgCheck
-          setTimeout(() => {
-            button.innerHTML = svgCopy
-            button.style.borderColor = ""
-          }, 2000)
-        },
-        (error) => console.error(error),
-      )
-    })
-    els[i].prepend(button)
+    if (codeBlock) {
+      const source = codeBlock.innerText.replace(/\n\n/g, "\n")
+      const button = document.createElement("button")
+      button.className = "clipboard-button"
+      button.type = "button"
+      button.innerHTML = svgCopy
+      button.ariaLabel = "Copy source"
+      button.addEventListener("click", () => {
+        navigator.clipboard.writeText(source).then(
+          () => {
+            button.blur()
+            button.innerHTML = svgCheck
+            setTimeout(() => {
+              button.innerHTML = svgCopy
+              button.style.borderColor = ""
+            }, 2000)
+          },
+          (error) => console.error(error),
+        )
+      })
+      els[i].prepend(button)
+    }
   }
 })