ayo/astro-reactive-form
ayo/astro-reactive-form
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(landing-page): js error (#187)

Browse source
This commit is contained in:
Ayo Ayco 2022-11-09 23:09:26 +01:00 committed by GitHub
parent f86253d66f
commit 7bf0df9ec9
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 26 additions and 25 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps/landing-page/src/components/copynpm.astro
View file

@ -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>

8
apps/landing-page/src/components/header.astro
View file

@ -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();
}

2
apps/landing-page/src/components/theme-switcher.astro
View file

@ -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);

39
apps/landing-page/src/pages/index.astro
View file

@ -52,27 +52,28 @@ const description =
<!-- initialize theme -->
<script is:inline>
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";
}
// const themeSaved = localStorage.getItem("theme");
// const forceTheme = "dark";
window
.matchMedia("(prefers-color-scheme: dark)")
.addEventListener("change", (event) => {
if (!localStorage.getItem("theme")) {
document.documentElement.dataset.theme = event.matches
? "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";
// }
// });
</script>
</head>
<body