diff --git a/app/containers/message/index.js b/app/containers/message/index.js index a431f54c2e15f10052fbc395dd7c6561e1c4f28d..96910f671aa83112f7860fda4eed83416b51f375 100644 --- a/app/containers/message/index.js +++ b/app/containers/message/index.js @@ -241,19 +241,20 @@ export default class Message extends React.Component { return null; } - const file = this.props.item.attachments[0]; - const { user } = this.props; - if (file.image_url) { - return <Image file={file} user={user} />; - } - if (file.audio_url) { - return <Audio file={file} user={user} />; - } - if (file.video_url) { - return <Video file={file} user={user} />; - } - - return <Reply attachment={file} timeFormat={this.timeFormat} />; + return this.props.item.attachments.map((file) => { + const { user } = this.props; + if (file.image_url) { + return <Image file={file} user={user} />; + } + if (file.audio_url) { + return <Audio file={file} user={user} />; + } + if (file.video_url) { + return <Video file={file} user={user} />; + } + + return <Reply attachment={file} timeFormat={this.timeFormat} />; + }); } renderUrl = () => {