p5.js-web-editor/client/modules/IDE/actions/collections.js

181 lines
4.6 KiB
JavaScript
Raw Normal View History

import { browserHistory } from 'react-router';
import apiClient from '../../../utils/apiClient';
import * as ActionTypes from '../../../constants';
import { startLoader, stopLoader } from './loader';
import { setToastText, showToast } from './toast';
const TOAST_DISPLAY_TIME_MS = 1500;
// eslint-disable-next-line
export function getCollections(username) {
return (dispatch) => {
dispatch(startLoader());
let url;
if (username) {
url = `/${username}/collections`;
} else {
url = '/collections';
}
apiClient.get(url)
.then((response) => {
dispatch({
type: ActionTypes.SET_COLLECTIONS,
collections: response.data
});
dispatch(stopLoader());
})
2020-04-25 16:48:39 +02:00
.catch((error) => {
const { response } = error;
dispatch({
type: ActionTypes.ERROR,
error: response.data
});
dispatch(stopLoader());
});
};
}
2019-07-09 18:24:09 +02:00
export function createCollection(collection) {
return (dispatch) => {
dispatch(startLoader());
const url = '/collections';
return apiClient.post(url, collection)
2019-07-09 18:24:09 +02:00
.then((response) => {
dispatch({
type: ActionTypes.CREATE_COLLECTION
});
dispatch(stopLoader());
const newCollection = response.data;
dispatch(setToastText(`Created "${newCollection.name}"`));
dispatch(showToast(TOAST_DISPLAY_TIME_MS));
const pathname = `/${newCollection.owner.username}/collections/${newCollection.id}`;
const location = { pathname, state: { skipSavingPath: true } };
browserHistory.push(location);
2019-07-09 18:24:09 +02:00
})
2020-04-25 16:48:39 +02:00
.catch((error) => {
const { response } = error;
console.error('Error creating collection', response.data);
2019-07-09 18:24:09 +02:00
dispatch({
type: ActionTypes.ERROR,
error: response.data
});
dispatch(stopLoader());
});
};
}
export function addToCollection(collectionId, projectId) {
return (dispatch) => {
dispatch(startLoader());
const url = `/collections/${collectionId}/${projectId}`;
return apiClient.post(url)
2019-07-09 18:24:09 +02:00
.then((response) => {
dispatch({
type: ActionTypes.ADD_TO_COLLECTION,
payload: response.data
});
dispatch(stopLoader());
const collectionName = response.data.name;
dispatch(setToastText(`Added to "${collectionName}`));
dispatch(showToast(TOAST_DISPLAY_TIME_MS));
2019-07-09 18:24:09 +02:00
return response.data;
})
2020-04-25 16:48:39 +02:00
.catch((error) => {
const { response } = error;
2019-07-09 18:24:09 +02:00
dispatch({
type: ActionTypes.ERROR,
error: response.data
});
dispatch(stopLoader());
return response.data;
});
};
}
export function removeFromCollection(collectionId, projectId) {
return (dispatch) => {
dispatch(startLoader());
const url = `/collections/${collectionId}/${projectId}`;
return apiClient.delete(url)
2019-07-09 18:24:09 +02:00
.then((response) => {
dispatch({
type: ActionTypes.REMOVE_FROM_COLLECTION,
payload: response.data
});
dispatch(stopLoader());
const collectionName = response.data.name;
dispatch(setToastText(`Removed from "${collectionName}`));
dispatch(showToast(TOAST_DISPLAY_TIME_MS));
2019-07-09 18:24:09 +02:00
return response.data;
})
2020-04-25 16:48:39 +02:00
.catch((error) => {
const { response } = error;
2019-07-09 18:24:09 +02:00
dispatch({
type: ActionTypes.ERROR,
error: response.data
});
dispatch(stopLoader());
return response.data;
});
};
}
2019-09-16 22:58:32 +02:00
export function editCollection(collectionId, { name, description }) {
return (dispatch) => {
const url = `/collections/${collectionId}`;
return apiClient.patch(url, { name, description })
2019-09-16 22:58:32 +02:00
.then((response) => {
dispatch({
type: ActionTypes.EDIT_COLLECTION,
payload: response.data
});
return response.data;
})
2020-04-25 16:48:39 +02:00
.catch((error) => {
const { response } = error;
2019-09-16 22:58:32 +02:00
dispatch({
type: ActionTypes.ERROR,
error: response.data
});
return response.data;
});
};
}
2019-10-20 15:31:20 +02:00
export function deleteCollection(collectionId) {
return (dispatch) => {
const url = `/collections/${collectionId}`;
return apiClient.delete(url)
2019-10-20 15:31:20 +02:00
.then((response) => {
dispatch({
type: ActionTypes.DELETE_COLLECTION,
payload: response.data,
collectionId,
});
return response.data;
})
2020-04-25 16:48:39 +02:00
.catch((error) => {
const { response } = error;
2019-10-20 15:31:20 +02:00
dispatch({
type: ActionTypes.ERROR,
error: response.data
});
return response.data;
});
};
}