Working on adding overlays for file drag and drop

web/react/components/post_right.jsx

@@ -243,6 +243,10 @@ module.exports = React.createClass({
             this.refs[id].forceUpdate();
         }
     },
+    handleDragEnter: function() {
+        console.log("HERE ENTER RIGHT");
+        this.setState({fileDrag: true});
+    },
     getInitialState: function() {
         return getStateFromStores();
     },
@@ -294,8 +298,13 @@ module.exports = React.createClass({
         var currentId = UserStore.getCurrentId();
         var searchForm = currentId == null ? null : <SearchBox />;
 
+        var fileDragOverlay = '';
+        if (this.state.fileDrag) {
+            fileDragOverlay = 'post-right-file-overlay';
+        }
+
         return (
-            <div className="post-right__container">
+            <div className={"post-right__container" + fileDragOverlay} onDragEnter={this.handleDragEnter}>
                 <div className="search-bar__container sidebar--right__search-header">{searchForm}</div>
                 <div className="sidebar-right__body">
                     <RhsHeaderPost fromSearch={this.props.fromSearch} isMentionSearch={this.props.isMentionSearch} />