Background gradients, migrate from CSS to SCSS, remove !important

client/src/sagas/core/requests/actions.js

@@ -0,0 +1,35 @@
+import { call, put } from 'redux-saga/effects';
+
+import request from './request';
+import { fetchActionsFailed, fetchActionsRequested, fetchActionsSucceeded } from '../../../actions';
+import api from '../../../api';
+
+// eslint-disable-next-line import/prefer-default-export
+export function* fetchActionsRequest(cardId, beforeId) {
+  yield put(fetchActionsRequested(cardId));
+
+  try {
+    const {
+      items,
+      included: { users },
+    } = yield call(request, api.getActions, cardId, {
+      beforeId,
+    });
+
+    const action = fetchActionsSucceeded(cardId, items, users);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = fetchActionsFailed(cardId, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}

client/src/sagas/core/requests/attachment.js

@@ -0,0 +1,92 @@
+import { call, put } from 'redux-saga/effects';
+
+import request from './request';
+import {
+  createAttachmentFailed,
+  createAttachmentRequested,
+  createAttachmentSucceeded,
+  deleteAttachmentFailed,
+  deleteAttachmentRequested,
+  deleteAttachmentSucceeded,
+  updateAttachmentFailed,
+  updateAttachmentRequested,
+  updateAttachmentSucceeded,
+} from '../../../actions';
+import api from '../../../api';
+
+export function* createAttachmentRequest(cardId, localId, data) {
+  yield put(
+    createAttachmentRequested(localId, {
+      ...data,
+      cardId,
+    }),
+  );
+
+  try {
+    const { item } = yield call(request, api.createAttachment, cardId, data, localId);
+
+    const action = createAttachmentSucceeded(localId, item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = createAttachmentFailed(localId, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* updateAttachmentRequest(id, data) {
+  yield put(updateAttachmentRequested(id, data));
+
+  try {
+    const { item } = yield call(request, api.updateAttachment, id, data);
+
+    const action = updateAttachmentSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = updateAttachmentFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* deleteAttachmentRequest(id) {
+  yield put(deleteAttachmentRequested(id));
+
+  try {
+    const { item } = yield call(request, api.deleteAttachment, id);
+
+    const action = deleteAttachmentSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = deleteAttachmentFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}

client/src/sagas/core/requests/board.js

@@ -0,0 +1,134 @@
+import { call, put } from 'redux-saga/effects';
+
+import request from './request';
+import {
+  createBoardFailed,
+  createBoardRequested,
+  createBoardSucceeded,
+  deleteBoardFailed,
+  deleteBoardRequested,
+  deleteBoardSucceeded,
+  fetchBoardFailed,
+  fetchBoardRequested,
+  fetchBoardSucceeded,
+  updateBoardFailed,
+  updateBoardRequested,
+  updateBoardSucceeded,
+} from '../../../actions';
+import api from '../../../api';
+
+export function* createBoardRequest(projectId, localId, data) {
+  yield put(
+    createBoardRequested(localId, {
+      ...data,
+      projectId,
+    }),
+  );
+
+  try {
+    const {
+      item,
+      included: { lists, labels },
+    } = yield call(request, api.createBoard, projectId, data);
+
+    const action = createBoardSucceeded(localId, item, lists, labels);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = createBoardFailed(localId, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* fetchBoardRequest(id) {
+  yield put(fetchBoardRequested(id));
+
+  try {
+    const {
+      item,
+      included: { lists, labels, cards, cardMemberships, cardLabels, tasks, attachments },
+    } = yield call(request, api.getBoard, id);
+
+    const action = fetchBoardSucceeded(
+      item,
+      lists,
+      labels,
+      cards,
+      cardMemberships,
+      cardLabels,
+      tasks,
+      attachments,
+    );
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = fetchBoardFailed(id, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* updateBoardRequest(id, data) {
+  yield put(updateBoardRequested(id, data));
+
+  try {
+    const { item } = yield call(request, api.updateBoard, id, data);
+
+    const action = updateBoardSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = updateBoardFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* deleteBoardRequest(id) {
+  yield put(deleteBoardRequested(id));
+
+  try {
+    const { item } = yield call(request, api.deleteBoard, id);
+
+    const action = deleteBoardSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = deleteBoardFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}

client/src/sagas/core/requests/card-label.js

@@ -0,0 +1,67 @@
+import { call, put } from 'redux-saga/effects';
+
+import request from './request';
+import {
+  createCardLabelFailed,
+  createCardLabelRequested,
+  createCardLabelSucceeded,
+  deleteCardLabelFailed,
+  deleteCardLabelRequested,
+  deleteCardLabelSucceeded,
+} from '../../../actions';
+import api from '../../../api';
+
+export function* createCardLabelRequest(cardId, labelId) {
+  yield put(
+    createCardLabelRequested({
+      cardId,
+      labelId,
+    }),
+  );
+
+  try {
+    const { item } = yield call(request, api.createCardLabel, cardId, {
+      labelId,
+    });
+
+    const action = createCardLabelSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = createCardLabelFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* deleteCardLabelRequest(cardId, labelId) {
+  yield put(deleteCardLabelRequested(cardId, labelId));
+
+  try {
+    const { item } = yield call(request, api.deleteCardLabel, cardId, labelId);
+
+    const action = deleteCardLabelSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = deleteCardLabelFailed(cardId, labelId, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}

client/src/sagas/core/requests/card-membership.js

@@ -0,0 +1,67 @@
+import { call, put } from 'redux-saga/effects';
+
+import request from './request';
+import {
+  createCardMembershipFailed,
+  createCardMembershipRequested,
+  createCardMembershipSucceeded,
+  deleteCardMembershipFailed,
+  deleteCardMembershipRequested,
+  deleteCardMembershipSucceeded,
+} from '../../../actions';
+import api from '../../../api';
+
+export function* createCardMembershipRequest(cardId, userId) {
+  yield put(
+    createCardMembershipRequested({
+      cardId,
+      userId,
+    }),
+  );
+
+  try {
+    const { item } = yield call(request, api.createCardMembership, cardId, {
+      userId,
+    });
+
+    const action = createCardMembershipSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = createCardMembershipFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* deleteCardMembershipRequest(cardId, userId) {
+  yield put(deleteCardMembershipRequested(cardId, userId));
+
+  try {
+    const { item } = yield call(request, api.deleteCardMembership, cardId, userId);
+
+    const action = deleteCardMembershipSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = deleteCardMembershipFailed(cardId, userId, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}

client/src/sagas/core/requests/card.js

@@ -0,0 +1,129 @@
+import { call, put } from 'redux-saga/effects';
+
+import request from './request';
+import {
+  createCardFailed,
+  createCardRequested,
+  createCardSucceeded,
+  deleteCardFailed,
+  deleteCardRequested,
+  deleteCardSucceeded,
+  fetchCardFailed,
+  fetchCardRequested,
+  fetchCardSucceeded,
+  updateCardFailed,
+  updateCardRequested,
+  updateCardSucceeded,
+} from '../../../actions';
+import api from '../../../api';
+
+export function* createCardRequest(listId, localId, data) {
+  yield put(
+    createCardRequested(localId, {
+      ...data,
+      listId,
+    }),
+  );
+
+  try {
+    const {
+      item,
+      included: { cardMemberships, cardLabels, tasks, attachments },
+    } = yield call(request, api.createCard, listId, data);
+
+    const action = createCardSucceeded(
+      localId,
+      item,
+      cardMemberships,
+      cardLabels,
+      tasks,
+      attachments,
+    );
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = createCardFailed(localId, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* fetchCardRequest(id) {
+  yield put(fetchCardRequested(id));
+
+  try {
+    const { item } = yield call(request, api.getCard, id);
+
+    const action = fetchCardSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = fetchCardFailed(id, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* updateCardRequest(id, data) {
+  yield put(updateCardRequested(id, data));
+
+  try {
+    const { item } = yield call(request, api.updateCard, id, data);
+
+    const action = updateCardSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = updateCardFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* deleteCardRequest(id) {
+  yield put(deleteCardRequested(id));
+
+  try {
+    const { item } = yield call(request, api.deleteCard, id);
+
+    const action = deleteCardSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = deleteCardFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}

client/src/sagas/core/requests/comment-action.js

@@ -0,0 +1,96 @@
+import { call, put } from 'redux-saga/effects';
+
+import request from './request';
+import {
+  createCommentActionFailed,
+  createCommentActionRequested,
+  createCommentActionSucceeded,
+  deleteCommentActionFailed,
+  deleteCommentActionRequested,
+  deleteCommentActionSucceeded,
+  updateCommentActionFailed,
+  updateCommentActionRequested,
+  updateCommentActionSucceeded,
+} from '../../../actions';
+import api from '../../../api';
+
+export function* createCommentActionRequest(cardId, localId, data) {
+  yield put(
+    createCommentActionRequested(localId, {
+      ...data,
+      cardId,
+    }),
+  );
+
+  try {
+    const { item } = yield call(request, api.createCommentAction, cardId, data);
+
+    const action = createCommentActionSucceeded(localId, item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = createCommentActionFailed(localId, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* updateCommentActionRequest(id, data) {
+  yield put(
+    updateCommentActionRequested(id, {
+      data,
+    }),
+  );
+
+  try {
+    const { item } = yield call(request, api.updateCommentAction, id, data);
+
+    const action = updateCommentActionSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = updateCommentActionFailed(id, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* deleteCommentActionRequest(id) {
+  yield put(deleteCommentActionRequested(id));
+
+  try {
+    const { item } = yield call(request, api.deleteCommentAction, id);
+
+    const action = deleteCommentActionSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = deleteCommentActionFailed(id, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}

client/src/sagas/core/requests/index.js

@@ -0,0 +1,16 @@
+export * from './users';
+export * from './user';
+export * from './projects';
+export * from './project';
+export * from './project-membership';
+export * from './board';
+export * from './list';
+export * from './label';
+export * from './card';
+export * from './card-membership';
+export * from './card-label';
+export * from './task';
+export * from './attachment';
+export * from './actions';
+export * from './comment-action';
+export * from './notifications';

client/src/sagas/core/requests/label.js

@@ -0,0 +1,92 @@
+import { call, put } from 'redux-saga/effects';
+
+import request from './request';
+import {
+  createLabelFailed,
+  createLabelRequested,
+  createLabelSucceeded,
+  deleteLabelFailed,
+  deleteLabelRequested,
+  deleteLabelSucceeded,
+  updateLabelFailed,
+  updateLabelRequested,
+  updateLabelSucceeded,
+} from '../../../actions';
+import api from '../../../api';
+
+export function* createLabelRequest(boardId, localId, data) {
+  yield put(
+    createLabelRequested(localId, {
+      ...data,
+      boardId,
+    }),
+  );
+
+  try {
+    const { item } = yield call(request, api.createLabel, boardId, data);
+
+    const action = createLabelSucceeded(localId, item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = createLabelFailed(localId, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* updateLabelRequest(id, data) {
+  yield put(updateLabelRequested(id, data));
+
+  try {
+    const { item } = yield call(request, api.updateLabel, id, data);
+
+    const action = updateLabelSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = updateLabelFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* deleteLabelRequest(id) {
+  yield put(deleteLabelRequested(id));
+
+  try {
+    const { item } = yield call(request, api.deleteLabel, id);
+
+    const action = deleteLabelSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = deleteLabelFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}

client/src/sagas/core/requests/list.js

@@ -0,0 +1,92 @@
+import { call, put } from 'redux-saga/effects';
+
+import request from './request';
+import {
+  createListFailed,
+  createListRequested,
+  createListSucceeded,
+  deleteListFailed,
+  deleteListRequested,
+  deleteListSucceeded,
+  updateListFailed,
+  updateListRequested,
+  updateListSucceeded,
+} from '../../../actions';
+import api from '../../../api';
+
+export function* createListRequest(boardId, localId, data) {
+  yield put(
+    createListRequested(localId, {
+      ...data,
+      boardId,
+    }),
+  );
+
+  try {
+    const { item } = yield call(request, api.createList, boardId, data);
+
+    const action = createListSucceeded(localId, item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = createListFailed(localId, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* updateListRequest(id, data) {
+  yield put(updateListRequested(id, data));
+
+  try {
+    const { item } = yield call(request, api.updateList, id, data);
+
+    const action = updateListSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = updateListFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* deleteListRequest(id) {
+  yield put(deleteListRequested(id));
+
+  try {
+    const { item } = yield call(request, api.deleteList, id);
+
+    const action = deleteListSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = deleteListFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}

client/src/sagas/core/requests/notifications.js

@@ -0,0 +1,65 @@
+import { call, put } from 'redux-saga/effects';
+
+import request from './request';
+import {
+  deleteNotificationsFailed,
+  deleteNotificationsRequested,
+  deleteNotificationsSucceeded,
+  fetchNotificationsFailed,
+  fetchNotificationsRequested,
+  fetchNotificationsSucceeded,
+} from '../../../actions';
+import api from '../../../api';
+
+export function* fetchNotificationsRequest() {
+  yield put(fetchNotificationsRequested());
+
+  try {
+    const {
+      items,
+      included: { users, cards, actions },
+    } = yield call(request, api.getNotifications);
+
+    const action = fetchNotificationsSucceeded(items, users, cards, actions);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = fetchNotificationsFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* deleteNotificationsRequest(ids) {
+  yield put(deleteNotificationsRequested(ids));
+
+  try {
+    const { items } = yield call(request, api.updateNotifications, ids, {
+      isRead: true,
+    });
+
+    const action = deleteNotificationsSucceeded(items);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = deleteNotificationsFailed(ids, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}

client/src/sagas/core/requests/project-membership.js

@@ -0,0 +1,65 @@
+import { call, put } from 'redux-saga/effects';
+
+import request from './request';
+import {
+  createProjectMembershipFailed,
+  createProjectMembershipRequested,
+  createProjectMembershipSucceeded,
+  deleteProjectMembershipFailed,
+  deleteProjectMembershipRequested,
+  deleteProjectMembershipSucceeded,
+} from '../../../actions';
+import api from '../../../api';
+
+export function* createProjectMembershipRequest(projectId, localId, data) {
+  yield put(
+    createProjectMembershipRequested(localId, {
+      ...data,
+      projectId,
+    }),
+  );
+
+  try {
+    const { item } = yield call(request, api.createProjectMembership, projectId, data);
+
+    const action = createProjectMembershipSucceeded(localId, item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = createProjectMembershipFailed(localId, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* deleteProjectMembershipRequest(id) {
+  yield put(deleteProjectMembershipRequested(id));
+
+  try {
+    const { item } = yield call(request, api.deleteProjectMembership, id);
+
+    const action = deleteProjectMembershipSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = deleteProjectMembershipFailed(id, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}

client/src/sagas/core/requests/project.js

@@ -0,0 +1,117 @@
+import { call, put } from 'redux-saga/effects';
+
+import request from './request';
+import {
+  createProjectFailed,
+  createProjectRequested,
+  createProjectSucceeded,
+  deleteProjectFailed,
+  deleteProjectRequested,
+  deleteProjectSucceeded,
+  updateProjectBackgroundImageFailed,
+  updateProjectBackgroundImageRequested,
+  updateProjectBackgroundImageSucceeded,
+  updateProjectFailed,
+  updateProjectRequested,
+  updateProjectSucceeded,
+} from '../../../actions';
+import api from '../../../api';
+
+export function* createProjectRequest(data) {
+  yield put(createProjectRequested(data));
+
+  try {
+    const {
+      item,
+      included: { users, projectMemberships, boards },
+    } = yield call(request, api.createProject, data);
+
+    const action = createProjectSucceeded(item, users, projectMemberships, boards);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = createProjectFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* updateProjectRequest(id, data) {
+  yield put(updateProjectRequested(id, data));
+
+  try {
+    const { item } = yield call(request, api.updateProject, id, data);
+
+    const action = updateProjectSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = updateProjectFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* updateProjectBackgroundImageRequest(id, data) {
+  yield put(updateProjectBackgroundImageRequested(id));
+
+  try {
+    const { item } = yield call(request, api.updateProjectBackgroundImage, id, data);
+
+    const action = updateProjectBackgroundImageSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = updateProjectBackgroundImageFailed(id, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* deleteProjectRequest(id) {
+  yield put(deleteProjectRequested(id));
+
+  try {
+    const { item } = yield call(request, api.deleteProject, id);
+
+    const action = deleteProjectSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = deleteProjectFailed(id, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}

client/src/sagas/core/requests/projects.js

@@ -0,0 +1,37 @@
+import { call, put } from 'redux-saga/effects';
+
+import request from './request';
+import {
+  fetchProjectsFailed,
+  fetchProjectsRequested,
+  fetchProjectsSucceeded,
+} from '../../../actions';
+import api from '../../../api';
+
+// eslint-disable-next-line import/prefer-default-export
+export function* fetchProjectsRequest() {
+  yield put(fetchProjectsRequested());
+
+  try {
+    const {
+      items,
+      included: { users, projectMemberships, boards },
+    } = yield call(request, api.getProjects);
+
+    const action = fetchProjectsSucceeded(items, users, projectMemberships, boards);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = fetchProjectsFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}

client/src/sagas/core/requests/request.js

@@ -0,0 +1,22 @@
+import { call, put, select, take } from 'redux-saga/effects';
+
+import { accessTokenSelector } from '../../../selectors';
+import { logout } from '../../../actions';
+import ErrorCodes from '../../../constants/ErrorCodes';
+
+export default function* (method, ...args) {
+  try {
+    const accessToken = yield select(accessTokenSelector);
+
+    return yield call(method, ...args, {
+      Authorization: `Bearer ${accessToken}`,
+    });
+  } catch (error) {
+    if (error.code === ErrorCodes.UNAUTHORIZED) {
+      yield put(logout()); // TODO: next url
+      yield take();
+    }
+
+    throw error;
+  }
+}

client/src/sagas/core/requests/task.js

@@ -0,0 +1,92 @@
+import { call, put } from 'redux-saga/effects';
+
+import request from './request';
+import {
+  createTaskFailed,
+  createTaskRequested,
+  createTaskSucceeded,
+  deleteTaskFailed,
+  deleteTaskRequested,
+  deleteTaskSucceeded,
+  updateTaskFailed,
+  updateTaskRequested,
+  updateTaskSucceeded,
+} from '../../../actions';
+import api from '../../../api';
+
+export function* createTaskRequest(cardId, localId, data) {
+  yield put(
+    createTaskRequested(localId, {
+      ...data,
+      cardId,
+    }),
+  );
+
+  try {
+    const { item } = yield call(request, api.createTask, cardId, data);
+
+    const action = createTaskSucceeded(localId, item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = createTaskFailed(localId, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* updateTaskRequest(id, data) {
+  yield put(updateTaskRequested(id, data));
+
+  try {
+    const { item } = yield call(request, api.updateTask, id, data);
+
+    const action = updateTaskSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = updateTaskFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* deleteTaskRequest(id) {
+  yield put(deleteTaskRequested(id));
+
+  try {
+    const { item } = yield call(request, api.deleteTask, id);
+
+    const action = deleteTaskSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = deleteTaskFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}

client/src/sagas/core/requests/user.js

@@ -0,0 +1,222 @@
+import { call, put } from 'redux-saga/effects';
+
+import request from './request';
+import {
+  createUserFailed,
+  createUserRequested,
+  createUserSucceeded,
+  deleteUserFailed,
+  deleteUserRequested,
+  deleteUserSucceeded,
+  fetchCurrentUserFailed,
+  fetchCurrentUserRequested,
+  fetchCurrentUserSucceeded,
+  updateUserAvatarFailed,
+  updateUserAvatarRequested,
+  updateUserAvatarSucceeded,
+  updateUserEmailFailed,
+  updateUserEmailRequested,
+  updateUserEmailSucceeded,
+  updateUserFailed,
+  updateUserPasswordFailed,
+  updateUserPasswordRequested,
+  updateUserPasswordSucceeded,
+  updateUserRequested,
+  updateUserSucceeded,
+  updateUserUsernameFailed,
+  updateUserUsernameRequested,
+  updateUserUsernameSucceeded,
+} from '../../../actions';
+import api from '../../../api';
+
+export function* createUserRequest(data) {
+  yield put(createUserRequested(data));
+
+  try {
+    const { item } = yield call(request, api.createUser, data);
+
+    const action = createUserSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = createUserFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* fetchCurrentUserRequest() {
+  yield put(fetchCurrentUserRequested());
+
+  try {
+    const { item } = yield call(request, api.getCurrentUser);
+
+    const action = fetchCurrentUserSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = fetchCurrentUserFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* updateUserRequest(id, data) {
+  yield put(updateUserRequested(id, data));
+
+  try {
+    const { item } = yield call(request, api.updateUser, id, data);
+
+    const action = updateUserSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = updateUserFailed(id, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* updateUserEmailRequest(id, data) {
+  yield put(updateUserEmailRequested(id, data));
+
+  try {
+    const { item } = yield call(request, api.updateUserEmail, id, data);
+
+    const action = updateUserEmailSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = updateUserEmailFailed(id, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* updateUserPasswordRequest(id, data) {
+  yield put(updateUserPasswordRequested(id, data));
+
+  try {
+    const { item } = yield call(request, api.updateUserPassword, id, data);
+
+    const action = updateUserPasswordSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = updateUserPasswordFailed(id, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* updateUserUsernameRequest(id, data) {
+  yield put(updateUserUsernameRequested(id, data));
+
+  try {
+    const { item } = yield call(request, api.updateUserUsername, id, data);
+
+    const action = updateUserUsernameSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = updateUserUsernameFailed(id, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* updateUserAvatarRequest(id, data) {
+  yield put(updateUserAvatarRequested(id));
+
+  try {
+    const { item } = yield call(request, api.updateUserAvatar, id, data);
+
+    const action = updateUserAvatarSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = updateUserAvatarFailed(id, error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}
+
+export function* deleteUserRequest(id) {
+  yield put(deleteUserRequested(id));
+
+  try {
+    const { item } = yield call(request, api.deleteUser, id);
+
+    const action = deleteUserSucceeded(item);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = deleteUserFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}

client/src/sagas/core/requests/users.js

@@ -0,0 +1,30 @@
+import { call, put } from 'redux-saga/effects';
+
+import request from './request';
+import { fetchUsersFailed, fetchUsersRequested, fetchUsersSucceeded } from '../../../actions';
+import api from '../../../api';
+
+// eslint-disable-next-line import/prefer-default-export
+export function* fetchUsersRequest() {
+  yield put(fetchUsersRequested());
+
+  try {
+    const { items } = yield call(request, api.getUsers);
+
+    const action = fetchUsersSucceeded(items);
+    yield put(action);
+
+    return {
+      success: true,
+      payload: action.payload,
+    };
+  } catch (error) {
+    const action = fetchUsersFailed(error);
+    yield put(action);
+
+    return {
+      success: false,
+      payload: action.payload,
+    };
+  }
+}