Revert "removed more warnings, facebook should really fix facebook/cr…

…eate-react-app#2453"

This reverts commit 32ef089.

src/App.js

@@ -16,7 +16,7 @@ import Screenery from "./pages/Screenery";
 import Autoreact from "./pages/Autoreact";
 import Webmimic from "./pages/Webmimic";
 
-const AppStates = {
+var AppStates = {
     home: 0,
     articles: 1,
     software: 2,
@@ -36,13 +36,13 @@ function App() {
             window.removeEventListener('resize', handleWindowSizeChange);
         }
     }, []);
-    const footerStyle = {
+    var footerStyle = {
         position: "absolute",
         bottom: 0,
         width: "100%",
         height: "100px",
         overflow: "hidden"
-    };
+    }
     //states
     const [x, setX] = React.useState(0)
     const [y, setY] = React.useState(0)

src/background/CircularGradient.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, {useRef, useState} from 'react';
 import './CircularGradient.css';
 
 const CircularGradient = (props) => {

src/components/AllSoftwarePC.js

@@ -2,17 +2,18 @@ import Software from "./Software";
 import React from "react";
 import "./SectionsForPC.css"
 import PointedStar from "./PointedStar";
+import {getCustomPages} from "../App";
 
 function AllSoftwarePC({shown, loadCustomPage}) {
-    const flexStyle = {
+    var flexStyle = {
         display: 'flex',
         flexDirection: 'row',
         justifyContent: 'center',
         alignItems: 'center',
         width: '100%',
         height: '125px',
         pointerEvents: 'inherit',
-    };
+    }
     let allData = require('../data/software.json');
     return (
         <div style={{

src/components/AppItem.js

@@ -2,11 +2,11 @@ import React from 'react';
 import "./AppItem.css"
 
 const AppItem = ({info, onClick}) => {
-    const desc = {
+    var desc = {
         margin: 0,
         fontSize: '12px',
         fontFamily: 'Consolas'
-    };
+    }
     return (
         <div className={'appitem'} onClick={onClick}>
             <div style={{

src/components/Article.css

@@ -23,7 +23,7 @@
 .article-card_image {
     width: auto;
     height: 12vh;
-    margin: 0 10px;
+    margin: 0px 10px;
     border-radius: 15px;
     filter: invert(56%) sepia(87%) saturate(1000%) hue-rotate(352deg) brightness(103%) contrast(108%);
     -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 1)), to(rgba(0, 0, 0, 0)));

src/components/Bubble.js

@@ -1,9 +1,9 @@
-import React, {useRef} from 'react';
+import React, {useEffect, useRef, useState} from 'react';
 import './Bubble.css';
 
 const Bubble = ({text, clickHandler, position, popped}) => {
     // Define the style object for the bubble
-    const ref = useRef();
+    var ref = useRef()
     const bubbleStyle = {
         transform: `translate(${position.X}px, ${position.Y}px) rotate(${position.Rotate}deg)`,
         borderRadius: '50%',
@@ -17,13 +17,13 @@ const Bubble = ({text, clickHandler, position, popped}) => {
         alignItems: 'center',
         marginRight: '25px',
     };
-    const textStyle = {
+    var textStyle = {
         textAlign: 'center',
         color: "white",
         fontFamily: 'cursive',
         fontSize: '10px',
         transform: `rotate(${-1 * position.Rotate}deg)`,
-    };
+    }
 
     return (
         <div ref={ref} onClick={clickHandler} className={popped ? 'pop' : 'spawn'}>

src/components/Popup.js

@@ -1,4 +1,5 @@
 import React from 'react';
+import PropTypes from 'prop-types';
 import "../pages/Pages.css"
 
 const Popup = ({showInput = true, text = 'test', onClose, onContinue}) => {

src/components/Software.js

@@ -7,7 +7,7 @@ const Software = ({name, desc, imageUrl, scale, onClickHandler}) => {
         <div className="software-card" onClick={onClickHandler}>
             <div className="software-card-flex">
                 <img src={imageUrl} className="software-card_image"
-                     style={{display: `${showimage ? "block" : "none"}`, transform: `scale(${scale})`}} alt={""}/>
+                     style={{display: `${showimage ? "block" : "none"}`, transform: `scale(${scale})`}}/>
                 <h4 style={{
                     height: "25px",
                     margin: "10px",

src/components/TypingAnimation.js

@@ -19,7 +19,7 @@ const TypingAnimation = ({
             }, speed);
             return () => clearInterval(intervalId);
         }, delay)
-    }, [text, speed, delay, onComplete]);
+    }, [text, speed]);
 
     return (
         <div>

src/dev/previews.jsx

@@ -1,4 +1,4 @@
-import React from 'react'
+import React, {useCallback} from 'react'
 import {ComponentPreview, Previews} from '@react-buddy/ide-toolbox'
 import {PaletteTree} from './palette'
 import Homelink from "../header/Homelink";

src/dev/useInitial.js

@@ -1,7 +1,7 @@
 import {useState} from 'react'
 
 export const useInitial = () => {
-    const [status] = useState({
+    const [status, setStatus] = useState({
         loading: false,
         error: false
     })

src/header/PopupMenus.js

@@ -1,7 +1,8 @@
-import {useState} from "react";
+import {useRef, useState} from "react";
 import Menu from "./Menu";
 import Bubble from "../components/Bubble";
 import "./Header.css"
+import app, {getAppStates} from "../App";
 import React from "react";
 
 const PopupMenus = ({mobile, articles, software}) => {

src/home/GameStage.js

@@ -18,8 +18,9 @@ import AndroidLogo from "./res/AndroidLogo";
 import MoreLangs from "./res/MoreLangs";
 import WebFrameworks from "./res/WebFrameworks";
 import GitHubLogo from "./res/GitHubLogo";
+import allTexts from "./scenes/headings.json";
 
-function GameStage({setPlatformSpeed=()=>{},onQuit,keypress,resetKey}) {
+function GameStage({setPlatformSpeed=(i)=>{},onQuit,keypress,resetKey}) {
     const allTexts = require('./scenes/headings.json')
     const [level, setLevel] = useState(0);
     const [guyClass, setGuyClass] = useState('');
@@ -40,15 +41,15 @@ function GameStage({setPlatformSpeed=()=>{},onQuit,keypress,resetKey}) {
             setText(allTexts[level])
             setShowText(false)
             if([1,5].includes(level)){
-                setPlatformSpeed()
+                setPlatformSpeed(1.75)
             }
             setTimeout(()=>{
                 setShowText(true)
             }, 1000)
             setTimeout(()=>{
-                setPlatformSpeed()
+                setPlatformSpeed(0)
             }, level===1? 3500 : 5000)
-        }, [allTexts, level, setPlatformSpeed]
+        }, [allTexts, level]
     )
     useEffect(()=> {
         resetKey()
@@ -64,7 +65,7 @@ function GameStage({setPlatformSpeed=()=>{},onQuit,keypress,resetKey}) {
                 onQuit()
             }
         }
-    }, [allTexts.length, keypress, level, onQuit, resetKey, showToSkip])
+    }, [keypress,showToSkip])
     return (<>
         <div id={'game'} style={{
             bottom:'0',

src/home/Homepage.js

@@ -38,7 +38,7 @@ function Homepage({shown, switchState, setPlatformSpeed}) {
                 setPressedKey(event.key)
                 break;
         }
-    }, [gamePlay, switchState]);
+    }, [gamePlay,pressedKey]);
     useEffect(() => {
         document.addEventListener("keydown", key, false);
         return () => {

src/home/res/SquareGuy.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, {useEffect, useRef, useState} from 'react';
 import './SquareGuy.css';
 
 class SquareGuy extends React.Component {

src/js/adb.js

@@ -1,13 +1,13 @@
-/* eslint-disable */
-import Adb from './webadb'
+import Adb from './webadb'
 
-let adbInstance = null, device = null, webusb = null;
-const AdbModes = {
+var adbInstance = null, device = null, webusb = null;
+var connectBtn, nameView, container;
+var AdbModes = {
     connect: 0,
     loadApps: 1,
     execute: 2,
     disconnect: 3,
-};
+}
 export let getAdbModes = () => {
     return AdbModes
 }