drag for file uploader

Author: vietnogi

components/FileUploader/FileUploader.cjsx

@@ -15,11 +15,9 @@ FileUploader = ({ multiple, onChange, loading}) ->
     }
     <UploadedFilesContainer/>
 
-    <div className="dropzone-container">
-      <Dropzone multiple={multiple} onDrop={onChange} className="Dropzone">
-        <button>Choose files to upload.</button>
-      </Dropzone>
-    </div>
+    <Dropzone multiple={multiple} onDrop={onChange} className="Dropzone">
+      <p>click or drag files here to upload</p>
+    </Dropzone>
   </div>
 
 module.exports = FileUploader

components/FileUploader/FileUploaderStyles.scss

@@ -12,10 +12,15 @@
   }
 
   .Dropzone {
-    display: inline-block;
-  }
-
-  .dropzone-container {
     text-align: center;
+    border: 3px dashed $grey;
+    margin: 10px;
+
+    p {
+      font-size: 20px;
+      margin: 30px 0px;
+      color: $grey;
+    }
   }
+
 }