done

src/widgets/send-message.jsx

@@ -53,15 +53,21 @@ class SendMessage extends React.PureComponent {
   }
 
   componentDidMount() {
-    this.messageEditArea.addEventListener('paste', this.handlePasteEvent, false);
+    if (this.messageEditArea) {
+      this.messageEditArea.addEventListener('paste', this.handlePasteEvent, false);
+    }
   }
 
   componentWillUnmount() {
-    this.messageEditArea.removeEventListener('paste', this.handlePasteEvent, false);
+    if (this.messageEditArea) {
+      this.messageEditArea.removeEventListener('paste', this.handlePasteEvent, false);
+    }
   }
 
   componentDidUpdate() {
-    this.messageEditArea.focus();
+    if (this.messageEditArea) {
+      this.messageEditArea.focus();
+    }
   }
 
   handlePasteEvent(e) {
@@ -103,7 +109,7 @@ class SendMessage extends React.PureComponent {
   handleSend(e) {
     e.preventDefault();
     const message = this.state.message.trim();
-    if (message || this.props.acceptBlank) {
+    if (message || this.props.acceptBlank || this.props.noInput) {
       this.props.onSendMessage(message);
       this.setState({message: ''});
     }
@@ -161,20 +167,22 @@ class SendMessage extends React.PureComponent {
             </>)
           :
           null}
-        <textarea id="sendMessage" placeholder={prompt}
-          disabled={this.props.disabled} value={this.state.message}
-          onChange={this.handleMessageTyping} onKeyPress={this.handleKeyPress}
-          ref={(ref) => {this.messageEditArea = ref;}}
-          autoFocus />
-          {this.props.disabled ?
-            <i className="material-icons disabled">send</i> :
-            <a href="#" onClick={this.handleSend} title="Send">
-              <i className="material-icons">send</i>
-            </a>}
-      <input type="file" ref={(ref) => {this.attachFile = ref;}}
-        onChange={this.handleAttachFile} style={{display: 'none'}} />
-      <input type="file" ref={(ref) => {this.attachImage = ref;}} accept="image/*"
-        onChange={this.handleAttachImage} style={{display: 'none'}} />
+        {this.props.noInput ?
+          <div className="hr thin" /> :
+          <textarea id="sendMessage" placeholder={prompt}
+            disabled={this.props.disabled} value={this.state.message}
+            onChange={this.handleMessageTyping} onKeyPress={this.handleKeyPress}
+            ref={(ref) => {this.messageEditArea = ref;}}
+            autoFocus />}
+        {this.props.disabled ?
+          <i className="material-icons disabled">send</i> :
+          <a href="#" onClick={this.handleSend} title="Send">
+            <i className="material-icons">send</i>
+          </a>}
+        <input type="file" ref={(ref) => {this.attachFile = ref;}}
+          onChange={this.handleAttachFile} style={{display: 'none'}} />
+        <input type="file" ref={(ref) => {this.attachImage = ref;}} accept="image/*"
+          onChange={this.handleAttachImage} style={{display: 'none'}} />
       </div>
     );
   }