cleanup: comments

src/components/HashRouter/index.tsx

@@ -18,7 +18,6 @@ export function HashRouter({ children }: any) {
 if(process.env.NODE_ENV !== "production") console.log('script', child.props, window.location.hash, child.props.route == hash, (hash.length < 2 && child.props.index))    
   return  child.props.path == hash || (hash.length < 2 && child.props.index) || child.props.path == "*"
 })
- // console.log('child', child)
     if(child) return child.props.component;
   return null;
 }

src/components/Projects/index.tsx

@@ -38,11 +38,7 @@ export default function Projects() {
     // otherwise they will all be concacted with the github.json file
     const [githubData, setGithubData] = useState ([])
 const [translateY, setTranslateY] = useState(0)
-// if(translateY > -50) {
-//     setTimeout(() => {
-// setTranslateY(translateY - 10)
-//     }, 40)
-// }
+
     const fetchData = () => {
       return Promise.all([fetch(`https://api.github.com/users/NeonGamerBot-QK/repos?per_page=100`)
             .then((response) => response.json()),fetch(`https://api.github.com/users/NeonGamerBot-QK/repos?per_page=100?page=2`)

src/components/footer/index.tsx

@@ -59,7 +59,6 @@ export default function Footer () {
         })
       }
     }
-    // return () => signal.abort()
   })
   return <>
   <footer className='footer items-center p-4 bottom-0 overflow-hidden' style={{ zIndex: 9999, overflow: 'hidden', color: 'var(--text)', background: 'var(--mantle)' }}>

src/components/main/index.tsx

@@ -4,15 +4,9 @@ import ScrollAnimation from 'react-animate-on-scroll'
 import Tilt from 'react-parallax-tilt'
 import Typewriter from './type'
 import { useEffect, useRef } from 'react'
-// import 'animate.css/animate.css'
 export default function Main () {
   const mainEl = useRef(null)
-  // useEffect(() => {
-  //   if (document.activeElement !== mainEl.current) {
-  //     // do something
-  //     mainEl.current.className
-  //   }
-  // })
+  
   return (
     <div className={'hero min-h-screen'} ref={mainEl}>
       <div style={{ animation: 'fadeInDown', animationDuration: '1.5s', zIndex: 5 }} className={'animate__animated animate__fadeIn'} >

src/components/static/Icons.tsx

@@ -1,12 +1,4 @@
-// import cssIcon from "../../assets/icons/css.svg"
-// import htmlIcon from "../../assets/icons/html.svg"
-// import reactjs from "../../assets/icons/reactjs.svg"
-// import nodejs from "../../assets/icons/nodejs.svg"
-// import typescript from "../../assets/icons/typescript.svg"
-// import javascript from "../../assets/icons/javascript.svg"
-// import CloudFolder from "../../assets/icons/folder_cloud.svg"
-// import CloudFolderOpen from "../../assets/icons/folder_cloud_open.svg"
-// import { htmlToJsx } from "html-to-jsx-transform";
+
 import * as Icons from "./icons_list"
 const icons:any = {
     // pre set names so they dont break