fix: find the bugs fasma

Motivation
- there are some bugs

Changes
- find and fix the bugs

Author: fsetiawan29

src/components/TaskGame/components/Destructuring.js

@@ -12,9 +12,10 @@ function Destructuring(props) {
   };
 
   // TODO: Find the Bugs
-  var color1 = colors.color1,
-    color2 = colors.color1,
-    color3 = colors.color1;
+  // var color1 = colors.color1,
+    // color2 = colors.color2,
+    // color3 = colors.color3;
+var { color1, color2, color3 } = colors
 
   return (
     <div>

src/components/TaskGame/components/Fetching.js

@@ -19,8 +19,7 @@ function Fetching(props) {
 
         // TODO: Find the Bugs
         // setPokemonList will broken the page
-        // setPokemonList(pokemonList);
-        console.log(pokemonList);
+        setPokemonList(pokemonList.results);
       });
   }, []);
 

src/components/TaskGame/components/Props.js

@@ -24,11 +24,11 @@ function Props(props) {
           </Col>
           <Col span={4}>
             {/* TODO: Find the Bugs */}
-            <Square />
+            <Square backgroundColor={color2} />
           </Col>
           <Col span={4}>
             {/* TODO: Find the Bugs */}
-            <Square />
+            <Square backgroundColor={color3} />
           </Col>
         </Row>
       </div>

src/components/TaskGame/components/UseEffect.js

@@ -11,7 +11,7 @@ function UseEffect(props) {
   // TODO: Find the Bugs
   useEffect(() => {
     setCount(Math.random);
-  });
+  }, []);
 
   return (
     <div>

src/components/TaskGame/components/UseState.js

@@ -3,7 +3,7 @@ import { Button, Divider } from "antd";
 function UseState(props) {
   const handleNext = () => {
     // TODO: Find the Bugs
-    props.setStep(1);
+    props.setStep(3);
   };
 
   return (

src/components/TaskGame/components/UseStateClosure.js

@@ -12,7 +12,7 @@ function UseStateClosure(props) {
     console.log("handlernya sudah onclick");
     setTimeout(() => {
       // TODO: Find the Bugs
-      setCount(count + 1);
+      setCount(count => count + 1);
     }, 1000);
   };