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

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}
</>
);
}
}