MeowcaTheoRange/NewNewWebsite
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

vercel 2 the vercelening

Browse source
This commit is contained in:
MeowcaTheoRange 2023-11-12 15:32:40 -06:00
parent 67b7d61d02
commit 670f3af31d
1 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
src/components/AccssibilityBox/AccessibilityBox.tsx
View file

@ -1,27 +1,32 @@
"use client";
import { useEffect } from "react";
import { useEffect, useRef } from "react";
import Floaty from "../Floaty/Floaty";
export default function AccessibilityBox() {
const checkbox = useRef<HTMLInputElement>(null);
useEffect(() => {
if (window.localStorage.getItem("a11y"))
if (window == null) return;
if (window?.localStorage.getItem("a11y")) {
document.body.parentElement?.classList.add("a11y");
if (checkbox.current != null) checkbox.current.checked = true;
}
}, []);
return (
<Floaty top>
<input
id="accessibility"
type="checkbox"
ref={checkbox}
onClick={function (x) {
if (window == null) return;
if ((x.target as HTMLInputElement).checked) {
document.body.parentElement?.classList.add("a11y");
window.localStorage.setItem("a11y", "a11y");
window?.localStorage.setItem("a11y", "a11y");
} else {
document.body.parentElement?.classList.remove("a11y");
window.localStorage.setItem("a11y", "");
window?.localStorage.setItem("a11y", "");
}
}}
defaultChecked={window.localStorage.getItem("a11y") == "a11y"}
/>
<label htmlFor="accessibility">Accessibility</label>
</Floaty>