node-red-contrib-chatbot/core/messages/views/preview-message.js

REDBot a Chat bot for a full featured chat bot for Telegram, Facebook Messenger and Slack. Almost no coding skills required

import React from 'react';

import {
  Messages,
  ChatWindow
} from '../../../src/components/chat';
import Message from '../../../src/components/generic-chat-message';
import LoaderModal from '../../../src/components/loader-modal';

const PreviewMessage = ({ value: message }) => {
  return (
    <div style={{ marginBottom: '20px' }}>
      {message != null && (
        <ChatWindow>
        <Messages>
          <Message message={message} />
        </Messages>
      </ChatWindow>
      )}
      {message == null && (
        <LoaderModal size="sm"/>
      )}
    </div>
  );
};

export default PreviewMessage;