PhotoMessage width and height props added.

Author: abdurrahmanekr

README.md

@@ -79,6 +79,8 @@ 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,6 +62,8 @@ 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: {

src/MessageBox/MessageBox.js

@@ -31,6 +31,8 @@ export class MessageBox extends Component {
 							onOpen={this.props.onOpen}
 							onDownload={this.props.onDownload}
 							data={this.props.data}
+							width={this.props.width}
+							height={this.props.height}
 							text={this.props.text}/>
 					}
 					{

src/PhotoMessage/PhotoMessage.js

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