import React from 'react';
import {getOr} from 'lodash/fp';
import ThreadContent from '../../../../models/ThreadContent';
import TheirMessage from './TheirMessage';
import isCurrentUser from '../../../helpers/isCurrentUser';
import MyMessage from './MyMessage';

interface Props {
  threadContent: ThreadContent;
}

const ChatMessage = ({threadContent}: Props) => {
  return isCurrentUser(getOr(0, 'author.id', threadContent))
    ? <MyMessage threadContent={threadContent} />
    : <TheirMessage threadContent={threadContent} />;
};

export default ChatMessage;