some shit related to an easter egg

Author: voidei

src/components/App.tsx

@@ -1,28 +1,42 @@
-import ClickScungus from '../hooks/ClickScungus';
-import LoadScungus from '../hooks/LoadScungus';
-import ResetScungus from '../hooks/ResetScungus';
-import SaveScungus from '../hooks/SaveScungus';
-import './app.css';
+import React from "react";
+
+import ClickScungus from "../hooks/ClickScungus";
+import LoadScungus from "../hooks/LoadScungus";
+import ResetScungus from "../hooks/ResetScungus";
+import SaveScungus from "../hooks/SaveScungus";
+import "./app.css";
 
 const App = () => {
+  const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
+    if (["CapsLock", "Alt"].indexOf(event.key) !== -1) {
+      event.preventDefault();
+      event.stopPropagation();
+    }
+    console.log(`${event.key}\nhello ultra!!!`);
+  };
+
   return (
-    <div className='root' style={{display: 'flex', width: '100%'}}>
-      <div className='side left'>
-      <div className='title-text heading'>
-        <h1>this is scungus:)</h1>
-      </div>
-      <div className='text center top'>
-        you can click on scungus:)
-        <br />
-        doing so will increase your scungus:)
-        <br />
-        try it~!
-      </div>
-      <div className='button scungus padding'>
-        <ClickScungus />
-      </div>
+    <div
+      className="root"
+      style={{ display: "flex", width: "100%" }}
+      onKeyDown={handleKeyDown}
+    >
+      <div className="side left">
+        <div className="title-text heading">
+          <h1>this is scungus:)</h1>
+        </div>
+        <div className="text center top">
+          you can click on scungus:)
+          <br />
+          doing so will increase your scungus:)
+          <br />
+          try it~!
+        </div>
+        <div className="button scungus padding">
+          <ClickScungus />
+        </div>
       </div>
-      <div className='side right'>
+      <div className="side right">
         <br />
         <SaveScungus />
         <br />

src/components/Scungus.tsx

@@ -0,0 +1,16 @@
+import { useState } from "react";
+
+const [imageSrc, setImageSrc] = useState("./scungus.gif");
+
+const changeImageSrc = () => {
+  setImageSrc("./ultra.jpg");
+};
+
+let keylog = [];
+document.onkeydown = function (e) {
+  let keypressed = e.key;
+  keylog.push(keypressed);
+  console.log(keylog);
+};
+
+export { changeImageSrc, imageSrc };