add place holder for empty piece list

js/components/ascribe_accordion_list/accordion_list.js

@@ -16,6 +16,10 @@ let AccordionList = React.createClass({
                     {this.props.children}
                 </div>
             );
+        } else if(this.props.itemList.length === 0) {
+            return (
+                <p className="text-center">You don't have any works yet...</p>
+            );
         } else {
             return (
                 <div className={this.props.className + ' ascribe-accordion-list-loading'}>

js/components/ascribe_uploader/file_drag_and_drop.js

@@ -121,10 +121,10 @@ let FileDragAndDrop = React.createClass({
         // Firefox only recognizes the simulated mouse click if bubbles is set to true,
         // but since Google Chrome propagates the event much further than needed, we
         // need to stop propagation as soon as the event is created
-        var evt = new MouseEvent("click", {
+        var evt = new MouseEvent('click', {
             view: window,
             bubbles: true,
-            cancelable: true,
+            cancelable: true
         });
         evt.stopPropagation();
         this.refs.fileinput.getDOMNode().dispatchEvent(evt);