INT-1160: Finish off delete styling

Author: durran

src/internal-packages/crud/lib/component/document.jsx

@@ -198,6 +198,7 @@ class Document extends React.Component {
    * @param {Object} doc - The updated document.
    */
   handleRemoveSuccess() {
+    this.setState({ deleteFinished: true });
     Actions.documentRemoved(this.doc._id);
   }
 
@@ -341,7 +342,7 @@ class Document extends React.Component {
     if (this.state.editing) {
       style = style.concat(' editing');
     }
-    if (this.state.deleting) {
+    if (this.state.deleting && !this.state.deleteFinished) {
       style = style.concat(' deleting');
     }
     return style;

src/internal-packages/crud/lib/component/editable-element.jsx

@@ -171,9 +171,9 @@ class EditableElement extends React.Component {
     var components = _.map(this.element.elements, (element) => {
       return (<EditableElement key={element.uuid} element={element} />);
     });
-    var lastComponent = components[components.length - 1];
-    var lastElement = lastComponent ? lastComponent.props.element : null;
-    components.push(<Hotspot key='hotspot' doc={this.element} element={lastElement} />);
+    // var lastComponent = components[components.length - 1];
+    // var lastElement = lastComponent ? lastComponent.props.element : null;
+    // components.push(<Hotspot key='hotspot' doc={this.element} element={lastElement} />);
     return components;
   }