You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
36 lines
1.2 KiB
36 lines
1.2 KiB
import React, { Component } from 'react'; |
|
|
|
import NormalMessage from './NormalMessage/NormalMessage'; |
|
import Message2D from './Message2D/Message2D'; |
|
import DraggableMessage from './DraggableMessage/DraggableMessage'; |
|
import SliderMessage from './SliderMessage/SliderMessage.js'; |
|
import RadioMessage from './RadioMessage/RadioMessage.js'; |
|
|
|
export default class Message extends Component { |
|
render() { |
|
const { message, user, isSelf, file, document } = this.props; |
|
return ( |
|
<> |
|
{message.type === 'normal' ? ( |
|
<NormalMessage |
|
message={message} |
|
user={user} |
|
isSelf={isSelf} |
|
file={file} |
|
document={document} |
|
/> |
|
) : null} |
|
{message.type === '2d' ? <Message2D message={message} user={user} isSelf={isSelf} /> : null} |
|
{message.type === 'draggable' ? ( |
|
<DraggableMessage message={message} user={user} isSelf={isSelf} /> |
|
) : null} |
|
{message.type === 'slider' ? ( |
|
<SliderMessage message={message} user={user} isSelf={isSelf} /> |
|
) : null} |
|
{message.type === 'radio' ? ( |
|
<RadioMessage message={message} user={user} isSelf={isSelf} /> |
|
) : null} |
|
</> |
|
); |
|
} |
|
}
|
|
|