1 files changed, 22 insertions, 26 deletions

diff --git a/web/react/components/file_upload.jsx b/web/react/components/file_upload.jsx
index e082abcd2..f382b848a 100644
--- a/web/react/components/file_upload.jsx
+++ b/web/react/components/file_upload.jsx
@@ -113,34 +113,30 @@ module.exports = React.createClass({
         var self = this;
 
         if (this.props.postType === 'post') {
-            $('body').on('dragover dragleave', '.app__content', function(e) {
-                e.preventDefault();
-            });
-            $('body').on('dragenter', '.app__content', function(e) {
-                e.preventDefault();
-                console.log('HERE');
-                $('.app__content').addClass('center-file-overlay');
-                $('.post-right__container').removeClass('right-file-overlay');
-            });
-            $('body').on('drop', '.app__content', function(e) {
-                e.preventDefault();
-                $('.app__content').removeClass('center-file-overlay');
-                self.handleDrop(e);
+            $('.app__content').dragster({
+                enter: function(dragsterEvent, e) {
+                    $('.app__content').addClass('center-file-overlay');
+                },
+                leave: function(dragsterEvent, e) {
+                    $('.app__content').removeClass('center-file-overlay');
+                },
+                drop: function(dragsterEvent, e) {
+                    $('.app__content').removeClass('center-file-overlay');
+                    self.handleDrop(e);
+                }
             });
         } else if (this.props.postType === 'comment') {
-            $('body').on('dragover dragleave', '.post-right__container', function(e) {
-                e.preventDefault();
-            });
-            $('body').on('dragenter', '.post-right__container', function(e) {
-                e.preventDefault();
-                console.log('HERE RIGHT');
-                $('.post-right__container').addClass('right-file-overlay');
-                $('.app__content').removeClass('center-file-overlay');
-            });
-            $('body').on('drop', '.post-right__container', function(e) {
-                e.preventDefault();
-                $('.post-right__container').removeClass('right-file-overlay');
-                self.handleDrop(e);
+            $('.post-right__container').dragster({
+                enter: function(dragsterEvent, e) {
+                    $('.post-right__container').addClass('right-file-overlay');
+                },
+                leave: function(dragsterEvent, e) {
+                    $('.post-right__container').removeClass('right-file-overlay');
+                },
+                drop: function(dragsterEvent, e) {
+                    $('.post-right__container').removeClass('right-file-overlay');
+                    self.handleDrop(e);
+                }
             });
         }