meses-messaging/src/ui/components/MessagingPopup/MessageList/MessageListBody/MessageEntry/Balloon/BalloonBody/index.jsx

Meses messaging SDK in JavaScript

import React from 'react'
import styles from './styles.css'

class BalloonBody extends React.Component {
  constructor() {
    super()
  }

  render() {
    let { message, time } = this.props

    let processedText
    if (message) processedText = message.split('\n').map((x, i) => {
      return <p key={ time + '-' + i }>{ x }</p>
    })
    
    return (<div className={ styles.balloonBody }> { processedText } </div>)
  }
}

export default BalloonBody