Make handleQuoteClick work.

src/widgets/chat-message.jsx

@@ -10,7 +10,7 @@ import UploadingImage from './uploading-image.jsx'
 
 import { sanitizeImageUrl, sanitizeUrl } from '../lib/utils.js';
 
-class ChatMessage extends React.PureComponent {
+class BaseChatMessage extends React.PureComponent {
   constructor(props) {
     super(props);
 
@@ -94,7 +94,6 @@ class ChatMessage extends React.PureComponent {
     const fullDisplay = (this.props.userFrom && this.props.response && !this.props.deleted &&
       (this.props.sequence == 'single' || this.props.sequence == 'last'));
 
-    const msgId = 'msg-' + this.props.seq;
     let content = this.props.content;
     const attachments = [];
     if (this.props.mimeType == Drafty.getContentType() && Drafty.isValid(content)) {
@@ -133,7 +132,7 @@ class ChatMessage extends React.PureComponent {
     }
 
     return (
-      <li id={msgId} className={sideClass}>
+      <li ref={this.props.innerRef} className={sideClass}>
         {this.props.userFrom && this.props.response ?
           <div className="avatar-box">
             {fullDisplay ?
@@ -182,4 +181,7 @@ class ChatMessage extends React.PureComponent {
   }
 };
 
-export default injectIntl(ChatMessage);
+const IntlChatMessage = injectIntl(BaseChatMessage);
+const ChatMessage = React.forwardRef((props, ref) => <IntlChatMessage innerRef = {ref} {...props} />);
+
+export default ChatMessage;

src/widgets/doc-preview.jsx

@@ -47,7 +47,7 @@ export default class DocPreview extends React.PureComponent {
           noInput={true}
           tinode={this.props.tinode}
           replyTo={this.props.replyTo}
-          formatter={this.props.onFormatQuote}
+          formatter={this.props.formatter}
           onCancelReply={this.props.onCancelReply}
           onSendMessage={this.handleSendDoc}
           onError={this.props.onError} />

src/widgets/image-preview.jsx

@@ -75,7 +75,7 @@ export default class ImagePreview extends React.PureComponent {
             acceptBlank={true}
             tinode={this.props.tinode}
             replyTo={this.props.replyTo}
-            formatter={this.props.onFormatQuote}
+            formatter={this.props.formatter}
             onCancelReply={this.props.onCancelReply}
             onSendMessage={this.handleSendImage}
             onError={this.props.onError} />

src/widgets/send-message.jsx

@@ -162,7 +162,7 @@ class SendMessage extends React.PureComponent {
 
     let quote = null;
     if (this.props.replyTo) {
-      quote = Drafty.format(this.props.replyTo.content, this.props.onFormatQuote, this);
+      quote = Drafty.format(this.props.replyTo.content, this.props.formatter, this);
     }
 
     return (