From 7bf0df9ec99cbcf9bf00436bd19a9107636fc9e3 Mon Sep 17 00:00:00 2001
From: Ayo Ayco <ramon.aycojr@gmail.com>
Date: Wed, 9 Nov 2022 23:09:26 +0100
Subject: [PATCH] fix(landing-page): js error (#187)

---
 .../landing-page/src/components/copynpm.astro |  2 +-
 apps/landing-page/src/components/header.astro |  8 ++--
 .../src/components/theme-switcher.astro       |  2 +-
 apps/landing-page/src/pages/index.astro       | 39 ++++++++++---------
 4 files changed, 26 insertions(+), 25 deletions(-)

diff --git a/apps/landing-page/src/components/copynpm.astro b/apps/landing-page/src/components/copynpm.astro
index 1855c7a..571b20d 100644
--- a/apps/landing-page/src/components/copynpm.astro
+++ b/apps/landing-page/src/components/copynpm.astro
@@ -40,7 +40,7 @@ import { Icon } from "astro-icon";
   const copyCommandButton = document.getElementById("copy-command-button");
   const commandText = document.getElementById("command").innerText;
 
-  copyCommandButton.addEventListener("click", () => {
+  copyCommandButton?.addEventListener("click", () => {
     navigator.clipboard.writeText(commandText);
   });
 </script>
diff --git a/apps/landing-page/src/components/header.astro b/apps/landing-page/src/components/header.astro
index 812dbe1..95f337e 100644
--- a/apps/landing-page/src/components/header.astro
+++ b/apps/landing-page/src/components/header.astro
@@ -90,15 +90,15 @@ const socials = [
     MicroModal.close(menuModalId);
   };
 
-  openNavButton.addEventListener("click", openMenu);
-  closeNavButton.addEventListener("click", closeMenu);
+  openNavButton?.addEventListener("click", openMenu);
+  closeNavButton?.addEventListener("click", closeMenu);
 
-  document.addEventListener("scroll", () => {
+  document?.addEventListener("scroll", () => {
     const d = page.clientHeight - page.scrollTop - header.offsetHeight;
     header.classList.toggle("fixed-header", d < 0);
   });
 
-  menu.addEventListener("click", (event) => {
+  menu?.addEventListener("click", (event) => {
     if ((event.target as HTMLElement).tagName === "A") {
       closeMenu();
     }
diff --git a/apps/landing-page/src/components/theme-switcher.astro b/apps/landing-page/src/components/theme-switcher.astro
index 5a9f5ae..549b55c 100644
--- a/apps/landing-page/src/components/theme-switcher.astro
+++ b/apps/landing-page/src/components/theme-switcher.astro
@@ -43,7 +43,7 @@ import { Icon } from "astro-icon";
       .classList.remove("hidden");
   };
 
-  button.addEventListener("click", () => {
+  button?.addEventListener("click", () => {
     const themeNext = getThemeNext();
     document.documentElement.dataset.theme = themeNext;
     localStorage.setItem("theme", themeNext);
diff --git a/apps/landing-page/src/pages/index.astro b/apps/landing-page/src/pages/index.astro
index 3ef3fbf..21f422f 100644
--- a/apps/landing-page/src/pages/index.astro
+++ b/apps/landing-page/src/pages/index.astro
@@ -52,27 +52,28 @@ const description =
 
     <!-- initialize theme -->
     <script is:inline>
-      const themeSaved = localStorage.getItem("theme");
-      const forceTheme = "dark";
+      document.documentElement.dataset.theme = themeSaved;
+      // const themeSaved = localStorage.getItem("theme");
+      // const forceTheme = "dark";
 
-      if (themeSaved) {
-        document.documentElement.dataset.theme = themeSaved;
-      } else {
-        // const prefersDark = window.matchMedia(
-        //   "(prefers-color-scheme: dark)"
-        // ).matches;
-        document.documentElement.dataset.theme = forceTheme; // prefersDark ? "dark" : "light";
-      }
+      // if (themeSaved) {
+      //   document.documentElement.dataset.theme = themeSaved;
+      // } else {
+      //   // const prefersDark = window.matchMedia(
+      //   //   "(prefers-color-scheme: dark)"
+      //   // ).matches;
+      //   document.documentElement.dataset.theme = forceTheme; // prefersDark ? "dark" : "light";
+      // }
 
-      window
-        .matchMedia("(prefers-color-scheme: dark)")
-        .addEventListener("change", (event) => {
-          if (!localStorage.getItem("theme")) {
-            document.documentElement.dataset.theme = event.matches
-              ? "dark"
-              : "light";
-          }
-        });
+      // window
+      //   .matchMedia("(prefers-color-scheme: dark)")
+      //   ?.addEventListener("change", (event) => {
+      //     if (!localStorage.getItem("theme")) {
+      //       document.documentElement.dataset.theme = event.matches
+      //         ? "dark"
+      //         : "light";
+      //     }
+      //   });
     </script>
   </head>
   <body