From 61925b67e489287df02ecf4439f19eea579c8ebd Mon Sep 17 00:00:00 2001
From: Cassie Tarakajian <ctarakajian@gmail.com>
Date: Mon, 24 Oct 2016 21:15:32 -0400
Subject: [PATCH] show error messages for invalid files

---
 client/modules/IDE/actions/uploader.js        | 6 ++----
 client/modules/IDE/components/FileUploader.js | 9 +++++----
 2 files changed, 7 insertions(+), 8 deletions(-)

diff --git a/client/modules/IDE/actions/uploader.js b/client/modules/IDE/actions/uploader.js
index c177ae51..fa8229e8 100644
--- a/client/modules/IDE/actions/uploader.js
+++ b/client/modules/IDE/actions/uploader.js
@@ -34,7 +34,6 @@ export function dropzoneAcceptCallback(file, done) {
     // for text files and small files
     // check mime type
     // if text, local interceptor
-    console.log(file.type);
     if (file.type.match(textFileRegex)) {
       localIntercept(file).then(result => {
         file.content = result; // eslint-disable-line
@@ -88,7 +87,7 @@ export function dropzoneSendingCallback(file, xhr, formData) {
 
 export function dropzoneCompleteCallback(file) {
   return (dispatch, getState) => { // eslint-disable-line
-    if (!file.type.match(textFileRegex)) {
+    if (!file.type.match(textFileRegex) && file.status !== 'error') {
       let inputHidden = '<input type="hidden" name="attachments[]" value="';
       const json = {
         url: `${s3BucketHttps}${file.postData.key}`,
@@ -103,9 +102,8 @@ export function dropzoneCompleteCallback(file) {
         name: file.name,
         url: `${s3BucketHttps}${file.postData.key}`
       };
-      console.log(formParams);
       createFile(formParams)(dispatch, getState);
-    } else {
+    } else if (file.content !== undefined) {
       const formParams = {
         name: file.name,
         content: file.content
diff --git a/client/modules/IDE/components/FileUploader.js b/client/modules/IDE/components/FileUploader.js
index 3100c978..0f7699e6 100644
--- a/client/modules/IDE/components/FileUploader.js
+++ b/client/modules/IDE/components/FileUploader.js
@@ -23,6 +23,7 @@ class FileUploader extends React.Component {
       maxThumbnailFilesize: 8, // 3MB
       thumbnailWidth: 200,
       thumbnailHeight: 200,
+      addRemoveLinks: true,
       // TODO what is a good list of MIME types????
       acceptedFiles: `image/*,audio/*,text/javascript,text/html,text/css,
       application/json,application/x-font-ttf,application/x-font-truetype,
@@ -31,10 +32,10 @@ class FileUploader extends React.Component {
       accept: this.props.dropzoneAcceptCallback,
       sending: this.props.dropzoneSendingCallback,
       complete: this.props.dropzoneCompleteCallback,
-      error: (file, errorMessage) => {
-        console.log(file);
-        console.log(errorMessage);
-      }
+      // error: (file, errorMessage) => {
+      //   console.log(file);
+      //   console.log(errorMessage);
+      // }
     });
   }