Browser: Update UI with new components and elements (#5671)

browser/app/js/uploads/Dropzone.js

@@ -33,29 +33,13 @@ export class Dropzone extends React.Component {
   }
 
   render() {
-    // Overwrite the default styling from react-dropzone; otherwise it
-    // won't handle child elements correctly.
-    const style = {
-      height: "100%",
-      borderWidth: "0",
-      borderStyle: "dashed",
-      borderColor: "#fff"
-    }
-    const activeStyle = {
-      borderWidth: "2px",
-      borderColor: "#777"
-    }
-    const rejectStyle = {
-      backgroundColor: "#ffdddd"
-    }
-
     // disableClick means that it won't trigger a file upload box when
     // the user clicks on a file.
     return (
       <ReactDropzone
-        style={style}
-        activeStyle={activeStyle}
-        rejectStyle={rejectStyle}
+        className="objects"
+        activeClassName="objects--active"
+        rejectClassName="objects--reject"
         disableClick={true}
         onDrop={this.onDrop.bind(this)}
       >
@@ -67,7 +51,7 @@ export class Dropzone extends React.Component {
 
 const mapDispatchToProps = dispatch => {
   return {
-    uploadFile: file => dispatch(actions.uploadFile(file))
+    uploadFile: file => dispatch(actions.uploadFile(file)),
   }
 }