Merge pull request #99 from oxinosg/master

Added PhotoMessage onError

Author: abdurrahmanekr

README.md

@@ -136,6 +136,7 @@ import { MessageBox } from 'react-chat-elements'
 | onOpen | none | function | message on open (file or photo) (message(object) is returned) |
 | onDownload | none | function | message on download (file or photo) (message(object) is returned) |
 | onLoad | none | function | message on load photo |
+| onPhotoError | none | function | message on error photo |
 | onTitleClick | none | function | message title on click event |
 | onForwardClick | none | function | message forward on click event |
 | onContextMenu | none | function | message contextmenu click event |
@@ -206,6 +207,7 @@ import { MessageList } from 'react-chat-elements'
 | downButtonBadge | none | boolean | message list downButton badge content |
 | onDownButtonClick | none | function | message list onDownButtonClick |
 | onContextMenu | none | function | message list item onContextMenu event, gets 3 parameters: message item, index of item, event |
+| onPhotoError | none | function | message list item on error photo |
 
 ## ChatList Component
 
@@ -505,4 +507,4 @@ import { SpotifyMessage } from 'react-chat-elements'
 | view | list | string | spotify view type (list or coverart) |
 | data | {} | object | message data |
 | width | 300 | int | spotify embed width |
-| height | 380 | int | spotify embed height |
+| height | 380 | int | spotify embed height |

src/MessageBox/MessageBox.js

@@ -130,6 +130,7 @@ export class MessageBox extends Component {
                                         onOpen={this.props.onOpen}
                                         onDownload={this.props.onDownload}
                                         onLoad={this.props.onLoad}
+                                        onPhotoError={this.props.onPhotoError}
                                         data={this.props.data}
                                         width={this.props.width}
                                         height={this.props.height}
@@ -247,6 +248,7 @@ MessageBox.defaultProps = {
     onOpen: null,
     onDownload: null,
     onLoad: null,
+    onPhotoError: null,
     forwarded: false,
     status: null,
     dateString: null,

src/MessageList/MessageList.js

@@ -59,6 +59,11 @@ export class MessageList extends Component {
             this.props.onDownload(item, i, e);
     }
 
+    onPhotoError(item, i, e) {
+      if (this.props.onPhotoError instanceof Function)
+        this.props.onPhotoError(item, i, e);
+    }
+
     onClick(item, i, e) {
         if (this.props.onClick instanceof Function)
             this.props.onClick(item, i, e);
@@ -139,6 +144,7 @@ export class MessageList extends Component {
                                 key={i}
                                 {...x}
                                 onOpen={this.props.onOpen && ((e) => this.onOpen(x, i, e))}
+                                onPhotoError={this.props.onPhotoError && ((e) => this.onPhotoError(x, i, e))}
                                 onDownload={this.props.onDownload && ((e) => this.onDownload(x, i, e))}
                                 onTitleClick={this.props.onTitleClick && ((e) => this.onTitleClick(x, i, e))}
                                 onForwardClick={this.props.onForwardClick && ((e) => this.onForwardClick(x, i, e))}
@@ -177,6 +183,7 @@ MessageList.defaultProps = {
     onForwardClick: null,
     onDownButtonClick: null,
     onOpen: null,
+    onPhotoError: null,
     onDownload: null,
     dataSource: [],
     lockable: false,

src/PhotoMessage/PhotoMessage.js

@@ -41,8 +41,8 @@ export class PhotoMessage extends Component {
                         src={this.props.data.uri}
                         alt={this.props.data.alt}
                         onClick={this.props.onOpen}
-                        onLoad={this.props.onLoad}/>
-
+                        onLoad={this.props.onLoad}
+                        onPhotoError={this.props.onPhotoError}/>
                     {
                         error &&
                         <div className="rce-mbox-photo--img__block">
@@ -94,6 +94,7 @@ PhotoMessage.defaultProps = {
     onDownload: null,
     onOpen: null,
     onLoad: null,
+    onPhotoError: null,
 };