bug fixed

src/components/TaskGame/components/Destructuring.js

@@ -11,10 +11,7 @@ function Destructuring(props) {
     color3: "green",
   };
 
-  // TODO: Find the Bugs
-  var color1 = colors.color1,
-    color2 = colors.color1,
-    color3 = colors.color1;
+  const {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

@@ -19,16 +19,13 @@ function Props(props) {
       <div>
         <Row justify="space-around">
           <Col span={4}>
-            {/* TODO: Find the Bugs */}
             <Square backgroundColor={color1} />
           </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

@@ -8,10 +8,9 @@ function UseEffect(props) {
 
   const [count, setCount] = useState(0);
 
-  // TODO: Find the Bugs
   useEffect(() => {
     setCount(Math.random);
-  });
+  },[]);
 
   return (
     <div>

src/components/TaskGame/components/UseState.js

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

src/components/TaskGame/components/UseStateClosure.js

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

src/components/TaskIntro/index.js

@@ -33,8 +33,6 @@ function TaskIntro() {
         <Image src="/task-intro.png" width="50%" />
       </div>
       <Divider />
-      {/* TODO: Find the Bugs */}
-      {/* Ini seharusnya redirect ke TaskGame, tapi kok malah ke Home */}
       <Button
         type={isProgress ? "dashed" : "primary"}
         loading={isProgress}