From 0f4cac6eca4c8d910a66a39d9d144ee89054d9d2 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?AntonioContrerasRom=C3=A1n?=
 <antoniocontrerasroman@gmail.com>
Date: Thu, 1 Nov 2018 13:39:37 +0100
Subject: [PATCH 1/2] fix onchange event

---
 08_Colorpicker/readme.md | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/08_Colorpicker/readme.md b/08_Colorpicker/readme.md
index b7ff652..b4fb880 100644
--- a/08_Colorpicker/readme.md
+++ b/08_Colorpicker/readme.md
@@ -131,7 +131,7 @@ _./src/colorpicker.tsx_
 +               min="0"
 +               max="255"
 +               value={props.color.red}
-+               onChange={(event) => props.onColorUpdated(
++               onChange={(event: any) => props.onColorUpdated(
 +                 {red: +event.target.value, green: 
 +                 props.color.green, blue: props.color.blue}
 +               )}

From b5ec64e83a9f0e88b9f11342cc677d6add3d48e4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?AntonioContrerasRom=C3=A1n?=
 <antoniocontrerasroman@gmail.com>
Date: Sat, 17 Nov 2018 20:25:32 +0100
Subject: [PATCH 2/2] Fix errors

---
 08_Colorpicker/readme.md    | 22 +++++++++++-----------
 08_Colorpicker/readme_es.md | 24 ++++++++++++------------
 2 files changed, 23 insertions(+), 23 deletions(-)

diff --git a/08_Colorpicker/readme.md b/08_Colorpicker/readme.md
index b4fb880..32d4414 100644
--- a/08_Colorpicker/readme.md
+++ b/08_Colorpicker/readme.md
@@ -92,7 +92,7 @@ _./src/main.tsx_
 +  import { App } from './app';
 
   ReactDOM.render(
--   <HelloComponent />  
+-   <HelloComponent />
 +   <App />,
     document.getElementById('root'));
 ```
@@ -131,8 +131,8 @@ _./src/colorpicker.tsx_
 +               min="0"
 +               max="255"
 +               value={props.color.red}
-+               onChange={(event: any) => props.onColorUpdated(
-+                 {red: +event.target.value, green: 
++               onChange={(event) => props.onColorUpdated(
++                 {red: +event.target.value, green:
 +                 props.color.green, blue: props.color.blue}
 +               )}
 +        />
@@ -171,13 +171,13 @@ _./src/app.tsx_
         <div>
 +          <span>
 +             Color: [
-+               red: {this.state.color.red}, 
-+               green: {this.state.color.green}, 
++               red: {this.state.color.red},
++               green: {this.state.color.green},
 +               blue: {this.state.color.blue}
 +             ]
 +           </span>
 -          <ColorPicker/>
-+          <ColorPicker 
++          <ColorPicker
 +           color={this.state.color}
 +           onColorUpdated={this.setColorState}
 +           />
@@ -208,9 +208,9 @@ _./src/colopicker.tsx_
                min="0"
                max="255"
                value={props.color.red}
-               onChange={(event : any) => props.onColorUpdated(
+               onChange={(event) => props.onColorUpdated(
                  {
-                   red: event.target.value,
+                   red: +event.target.value,
                    green: props.color.green,
                    blue:  props.color.blue
                  }
@@ -222,7 +222,7 @@ _./src/colopicker.tsx_
 +               min="0"
 +               max="255"
 +               value={props.color.green}
-+               onChange={(event : any) => props.onColorUpdated(
++               onChange={(event) => props.onColorUpdated(
 +                 {
 +                   red:  props.color.red,
 +                   green: +event.target.value,
@@ -236,7 +236,7 @@ _./src/colopicker.tsx_
 +               min="0"
 +               max="255"
 +               value={props.color.blue}
-+               onChange={(event : any) => props.onColorUpdated(
++               onChange={(event) => props.onColorUpdated(
 +                 {
 +                   red:   props.color.red,
 +                   green: props.color.green,
@@ -303,7 +303,7 @@ export class App extends React.Component<{}, State> {
   public render() {
     return (
       <div>
-+       <ColorDisplayer color={this.state.color} />      
++       <ColorDisplayer color={this.state.color} />
         <span>
           Color: [red: {this.state.color.red}, green: {this.state.color.green}, blue: {this.state.color.blue}]
         </span>
diff --git a/08_Colorpicker/readme_es.md b/08_Colorpicker/readme_es.md
index 76c3cae..ef60af4 100644
--- a/08_Colorpicker/readme_es.md
+++ b/08_Colorpicker/readme_es.md
@@ -92,7 +92,7 @@ _./src/main.tsx_
 +  import { App } from './app';
 
   ReactDOM.render(
--   <HelloComponent />  
+-   <HelloComponent />
 +   <App />,
     document.getElementById('root'));
 ```
@@ -131,8 +131,8 @@ _./src/colorpicker.tsx_
 +               min="0"
 +               max="255"
 +               value={props.color.red}
-+               onChange={(event : any) => props.onColorUpdated(
-+                 {red: +event.target.value, 
++               onChange={(event) => props.onColorUpdated(
++                 {red: +event.target.value,
 +                 green: props.color.green, blue: props.color.blue}
 +               )}
 +        />
@@ -172,13 +172,13 @@ _./src/app.tsx_
 +          <span>
 +             Color: [
 +               red: {this.state.color.red},
-+               green: {this.state.color.green}, 
++               green: {this.state.color.green},
 +               blue: {this.state.color.blue}
 +             ]
 +           </span>
 -          <ColorPicker/>
-+          <ColorPicker 
-+             color={this.state.color}  
++          <ColorPicker
++             color={this.state.color}
 +             onColorUpdated={this.setColorState}
 +           />
         </div>
@@ -208,9 +208,9 @@ _./src/colopicker.tsx_
                min="0"
                max="255"
                value={props.color.red}
-               onChange={(event : any) => props.onColorUpdated(
+               onChange={(event) => props.onColorUpdated(
                  {
-                   red: event.target.value,
+                   red: +event.target.value,
                    green: props.color.green,
                    blue:  props.color.blue
                  }
@@ -222,7 +222,7 @@ _./src/colopicker.tsx_
 +               min="0"
 +               max="255"
 +               value={props.color.green}
-+               onChange={(event : any) => props.onColorUpdated(
++               onChange={(event) => props.onColorUpdated(
 +                 {
 +                   red:  props.color.red,
 +                   green: +event.target.value,
@@ -236,7 +236,7 @@ _./src/colopicker.tsx_
 +               min="0"
 +               max="255"
 +               value={props.color.blue}
-+               onChange={(event : any) => props.onColorUpdated(
++               onChange={(event) => props.onColorUpdated(
 +                 {
 +                   red:   props.color.red,
 +                   green: props.color.green,
@@ -303,11 +303,11 @@ export class App extends React.Component<{}, State> {
   public render() {
     return (
       <div>
-+       <ColorDisplayer color={this.state.color} />      
++       <ColorDisplayer color={this.state.color} />
         <span>
           Color: [red: {this.state.color.red}, green: {this.state.color.green}, blue: {this.state.color.blue}]
         </span>
-        <ColorPicker color={this.state.color} 
+        <ColorPicker color={this.state.color}
           onColorUpdated={this.setColorState.bind(this)}
         />
       </div>