From 0f35d9a4e8205c526c526d67c517f41ce20ad9dc Mon Sep 17 00:00:00 2001
From: Luis Angel <luis.rodriguezreiners@gmail.com>
Date: Sun, 14 Nov 2021 16:49:34 +0100
Subject: [PATCH] added onError handler as prop

---
 src/components/image.js   | 3 ++-
 src/demo.js               | 5 +++++
 src/react-image-picker.js | 4 +++-
 3 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/image.js b/src/components/image.js
index 2619db3..18b8e15 100644
--- a/src/components/image.js
+++ b/src/components/image.js
@@ -15,13 +15,14 @@ export default class Image extends Component {
   }
 
   render() {
-    const { src, isSelected, onImageClick } = this.props
+    const { src, isSelected, onImageClick, onError } = this.props
     return (
       <div className={`responsive${isSelected ? " selected" : ""}`}
         onClick={onImageClick}>
         <img src={src}
           className={`thumbnail${isSelected ? " selected" : ""}`}
           style={ImageStyle(150, 150)}
+          onError={onError}
         />
         <div className="checked">
           {/*<img src={imgCheck} style={{ width: 75, height: 75, objectFit: "cover" }}/>*/}
diff --git a/src/demo.js b/src/demo.js
index 0187d30..e297fdf 100644
--- a/src/demo.js
+++ b/src/demo.js
@@ -39,6 +39,10 @@ class Demo extends Component {
     this.setState({max_message})
   }
 
+  onError(e) {
+    console.log(e)
+  }
+
   render() {
     return (
       <div>
@@ -47,6 +51,7 @@ class Demo extends Component {
         <ImagePicker
           images={imageList.map((image, i) => ({src: image, value: i}))}
           onPick={this.onPickImage.bind(this)}
+          onError={this.onError.bind(this)}
         />
         <textarea rows="4" cols="100" value={this.state.image && JSON.stringify(this.state.image)} disabled/>
         
diff --git a/src/react-image-picker.js b/src/react-image-picker.js
index e56d6fb..5c9c192 100644
--- a/src/react-image-picker.js
+++ b/src/react-image-picker.js
@@ -45,11 +45,13 @@ class ImagePicker extends Component {
   }
 
   renderImage(image, i) {
+    const { onError } = this.props;
     return (
       <Image 
         src={image.src}
         isSelected={this.state.picked.has(image.value)} 
-        onImageClick={() => this.handleImageClick(image)} 
+        onImageClick={() => this.handleImageClick(image)}
+        onError={onError} 
         key={i}
       />
     )