make drag n drop prettier

src/views/messages-view.jsx

@@ -1486,8 +1486,9 @@ class MessagesView extends React.Component {
                 onClearError={this.props.onError} />
               : null}
             <LoadSpinner show={this.state.fetchingMessages} />
-            {!this.state.unconfirmed && !this.props.forwardMessage ?
-              <DragAndDrop actionPrompt={this.props.intl.formatMessage(messages.drag_file)} onDrop={this.handleFileDrop} >{messagesComponent}</DragAndDrop>
+            {!this.state.unconfirmed && !this.props.forwardMessage && this.state.isWriter && !this.state.peerMessagingDisabled ?
+              <DragAndDrop actionPrompt={this.props.intl.formatMessage(messages.drag_file)}
+                onDrop={this.handleFileDrop} >{messagesComponent}</DragAndDrop>
               : messagesComponent}
           </>
         );

src/widgets/drag-and-drop.jsx

@@ -22,7 +22,7 @@ export default class DragAndDrop extends React.PureComponent {
   }
 
   componentDidMount() {
-    let div = this.dropRef.current;
+    const div = this.dropRef.current;
     div.addEventListener('dragenter', this.handleDragIn);
     div.addEventListener('dragleave', this.handleDragOut);
     div.addEventListener('dragover', this.handleDrag);
@@ -30,7 +30,7 @@ export default class DragAndDrop extends React.PureComponent {
   }
 
   componentWillUnmount() {
-    let div = this.dropRef.current;
+    const div = this.dropRef.current;
     div.removeEventListener('dragenter', this.handleDragIn);
     div.removeEventListener('dragleave', this.handleDragOut);
     div.removeEventListener('dragover', this.handleDrag);
@@ -55,7 +55,7 @@ export default class DragAndDrop extends React.PureComponent {
     e.preventDefault();
     e.stopPropagation();
     this.dragCounter--;
-    if (this.dragCounter == 0) {
+    if (this.dragCounter <= 0) {
       this.setState({dragging: false});
     }
   }
@@ -73,9 +73,9 @@ export default class DragAndDrop extends React.PureComponent {
 
   render() {
     return (
-      <div className='drag-and-drop' ref={this.dropRef}>
+      <div className="drag-and-drop" ref={this.dropRef}>
         {this.state.dragging ?
-          <div className='banner'>{this.props.actionPrompt}</div>
+          <div className="banner">{this.props.actionPrompt}</div>
           : null}
         {this.props.children}
       </div>