Delete collection from list

client/constants.js

@@ -38,6 +38,7 @@ export const SET_PROJECTS = 'SET_PROJECTS';
 
 export const SET_COLLECTIONS = 'SET_COLLECTIONS';
 export const CREATE_COLLECTION = 'CREATED_COLLECTION';
+export const DELETE_COLLECTION = 'DELETE_COLLECTION';
 
 export const ADD_TO_COLLECTION = 'ADD_TO_COLLECTION';
 export const REMOVE_FROM_COLLECTION = 'REMOVE_FROM_COLLECTION';

client/modules/IDE/actions/collections.js

@@ -148,3 +148,26 @@ export function editCollection(collectionId, { name, description }) {
       });
   };
 }
+
+export function deleteCollection(collectionId) {
+  return (dispatch) => {
+    const url = `${ROOT_URL}/collections/${collectionId}`;
+    return axios.delete(url, { withCredentials: true })
+      .then((response) => {
+        dispatch({
+          type: ActionTypes.DELETE_COLLECTION,
+          payload: response.data,
+          collectionId,
+        });
+        return response.data;
+      })
+      .catch((response) => {
+        dispatch({
+          type: ActionTypes.ERROR,
+          error: response.data
+        });
+
+        return response.data;
+      });
+  };
+}

client/modules/IDE/components/CollectionList/CollectionListRow.jsx

@@ -128,10 +128,10 @@ class CollectionListRowBase extends React.Component {
     this.props.showShareModal(this.props.collection.id, this.props.collection.name, this.props.username);
   }
 
-  handleSketchDelete = () => {
+  handleCollectionDelete = () => {
     this.closeAll();
     if (window.confirm(`Are you sure you want to delete "${this.props.collection.name}"?`)) {
-      this.props.deleteProject(this.props.collection.id);
+      this.props.deleteCollection(this.props.collection.id);
     }
   }
 
@@ -185,7 +185,7 @@ class CollectionListRowBase extends React.Component {
               <li>
                 <button
                   className="sketch-list__action-option"
-                  onClick={this.handleSketchDelete}
+                  onClick={this.handleCollectionDelete}
                   onBlur={this.onBlurComponent}
                   onFocus={this.onFocusComponent}
                 >
@@ -278,7 +278,7 @@ CollectionListRowBase.propTypes = {
     username: PropTypes.string,
     authenticated: PropTypes.bool.isRequired
   }).isRequired,
-  deleteProject: PropTypes.func.isRequired,
+  deleteCollection: PropTypes.func.isRequired,
   showShareModal: PropTypes.func.isRequired,
   cloneProject: PropTypes.func.isRequired,
   exportProjectAsZip: PropTypes.func.isRequired,

client/modules/IDE/reducers/collections.js

@@ -5,6 +5,9 @@ const sketches = (state = [], action) => {
     case ActionTypes.SET_COLLECTIONS:
       return action.collections;
 
+    case ActionTypes.DELETE_COLLECTION:
+      return state.filter(({ id }) => action.collectionId !== id);
+
     // The API returns the complete new edited collection
     // with any items added or removed
     case ActionTypes.EDIT_COLLECTION: