Better error checking along with other fixes

web/react/components/create_comment.jsx

@@ -122,6 +122,7 @@ module.exports = React.createClass({
         this.setState({uploadsInProgress: draft['uploadsInProgress'], previews: draft['previews']});
     },
     handleUploadError: function(err, clientId) {
+        if (clientId !== -1) {
             var draft = PostStore.getCommentDraft(this.props.rootId);
 
             var index = draft['uploadsInProgress'].indexOf(clientId);
@@ -132,6 +133,9 @@ module.exports = React.createClass({
             PostStore.storeCommentDraft(this.props.rootId, draft);
 
             this.setState({uploadsInProgress: draft['uploadsInProgress'], serverError: err});
+        } else {
+            this.setState({serverError: err});
+        }
     },
     clearPreviews: function() {
         this.setState({previews: []});

web/react/components/create_post.jsx

@@ -145,6 +145,7 @@ module.exports = React.createClass({
         this.setState({uploadsInProgress: draft['uploadsInProgress'], previews: draft['previews']});
     },
     handleUploadError: function(err, clientId) {
+        if (clientId !== -1) {
             var draft = PostStore.getDraft(this.state.channelId);
 
             var index = draft['uploadsInProgress'].indexOf(clientId);
@@ -155,6 +156,9 @@ module.exports = React.createClass({
             PostStore.storeDraft(this.state.channelId, draft);
 
             this.setState({uploadsInProgress: draft['uploadsInProgress'], serverError: err});
+        } else {
+            this.setState({serverError: err});
+        }
     },
     removePreview: function(id) {
         var previews = this.state.previews;

web/react/components/file_upload.jsx

@@ -91,9 +91,6 @@ module.exports = React.createClass({
         this.props.onUploadError(null);
 
         var files = e.originalEvent.dataTransfer.files;
-        if (!files.length) {
-            files = e.originalEvent.dataTransfer.getData('URL');
-        }
         var channelId = this.props.channelId || ChannelStore.getCurrentId();
 
         if (typeof files !== 'string' && files.length) {
@@ -142,6 +139,8 @@ module.exports = React.createClass({
 
                 this.props.onUploadStart([clientId], channelId);
             }
+        } else {
+            this.props.onUploadError('Invalid file upload', -1);
         }
     },
     componentDidMount: function() {
@@ -149,7 +148,7 @@ module.exports = React.createClass({
         var self = this;
 
         if (this.props.postType === 'post') {
-            $('.app__content').dragster({
+            $('.row.main').dragster({
                 enter: function(dragsterEvent, e) {
                     $('.center-file-overlay').removeClass('invisible');
                     $('.center-file-overlay').addClass('visible');

web/react/components/file_upload_overlay.jsx

@@ -5,7 +5,7 @@ module.exports = React.createClass({
     displayName: 'FileUploadOverlay',
     render: function() {
         return (
-			<div className='center-file-overlay invisible'>
+            <div className='file-overlay center-file-overlay invisible'>
                 <div>
                     <i className='fa fa-upload'></i>
                     <span>Drop a file to upload it.</span>