From e2be97dcd382a69c76eab322eac8cded1719fcae Mon Sep 17 00:00:00 2001
From: Ricardo Hernandez-Montoya <rhernandez@gridhound.de>
Date: Mon, 8 May 2017 10:55:21 +0200
Subject: [PATCH] default edit image option and no images msg

---
 .../dialog/edit-widget-image-control.js       | 20 ++++++++++++++-----
 1 file changed, 15 insertions(+), 5 deletions(-)

diff --git a/src/components/dialog/edit-widget-image-control.js b/src/components/dialog/edit-widget-image-control.js
index 199a331..56ae8f0 100644
--- a/src/components/dialog/edit-widget-image-control.js
+++ b/src/components/dialog/edit-widget-image-control.js
@@ -49,11 +49,12 @@ class EditImageWidgetControl extends Component {
         formData.append(key, this.state.fileList[key]);
       }
     }
-
+    
     // upload files
     AppDispatcher.dispatch({
       type: 'files/start-upload',
-      data: formData
+      data: formData,
+      token: this.props.sessionToken
     });
   }
 
@@ -63,9 +64,18 @@ class EditImageWidgetControl extends Component {
         <FormGroup controlId="file">
           <ControlLabel>Image</ControlLabel>
           <FormControl componentClass="select" value={this.state.widget.file} onChange={(e) => this.props.handleChange(e)}>
-            {this.props.files.map((file, index) => (
-              <option key={index} value={file._id}>{file.name}</option>
-            ))}
+            {
+              this.props.files.length === 0? (
+                <option disabled value style={{ display: 'none' }}>No images found, please upload one first.</option>
+              ) : (
+                this.props.files.reduce( (entries, file, index) => {
+                    entries.push(<option key={++index} value={file._id}>{file.name}</option>);
+                    return entries;
+                  }, [
+                    <option key={0} value=''>Please select one image</option>
+                  ])
+              )
+            }
           </FormControl>
         </FormGroup>