1 files changed, 36 insertions, 0 deletions
diff --git a/components/secret.js b/components/secret.js
new file mode 100644
index 0000000..782fcf5
--- /dev/null
+++ b/components/secret.js
@@ -0,0 +1,36 @@
+import { useEffect, useState } from "react";
+
+export default function SecretPage({ cheatCode, onCheatCodeEntered }) {
+  const [typedCode, setTypedCode] = useState("");
+  const [timer, setTimer] = useState(null);
+
+  const handleKeyPress = (e) => {
+    const newTypedCode = typedCode + e.key;
+
+    if (newTypedCode === cheatCode) {
+      onCheatCodeEntered();
+      setTypedCode("");
+    } else {
+      setTypedCode(newTypedCode);
+
+      // Reset the timer if the user stops typing for 2 seconds
+      clearTimeout(timer);
+      const newTimer = setTimeout(() => {
+        setTypedCode("");
+      }, 2000);
+      setTimer(newTimer);
+    }
+  };
+
+  useEffect(() => {
+    window.addEventListener("keydown", handleKeyPress);
+
+    return () => {
+      window.removeEventListener("keydown", handleKeyPress);
+    };
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [typedCode]);
+
+  return;
+}