width and height props moved on message data object

Author: abdurrahmanekr

README.md

@@ -79,8 +79,6 @@ import { MessageBox } from 'react-chat-elements'
 | onClick | none | function | message on click (message(object) is returned) |
 | 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) |
-| width | none | int | only photo width (optional) |
-| height | none | int | only photo height (optional) |
 
 
 ## SystemMessage Component

example/App.js

@@ -62,14 +62,14 @@ export class App extends Component {
 					position: (this.token() >= 1 ? 'right' : 'left'),
 					type: type,
 					text: loremIpsum({ count: 1, units: 'sentences' }),
-					width: 300,
-					height: 300,
 					data: {
 						uri: `data:image/png;base64,${this.photo(150)}`,
 						status: {
 							click: false,
 							loading: 0,
-						}
+						},
+						width: 300,
+						height: 300,
 					},
 					date: new Date(),
 				};

src/PhotoMessage/PhotoMessage.js

@@ -30,9 +30,9 @@ export class PhotoMessage extends Component {
 			<div className="rce-mbox-photo">
 				<div
 					className="rce-mbox-photo--img"
-					style={this.props.width && this.props.height && {
-						width: this.props.width,
-						height: this.props.height,
+					style={this.props.data.width && this.props.data.height && {
+						width: this.props.data.width,
+						height: this.props.data.height,
 					}}>
 					<img src={this.props.data.uri} alt={this.props.data.alt} onClick={this.props.onOpen}/>
 					{