Update dependencies

client/package.json

@@ -47,25 +47,25 @@
   },
   "dependencies": {
     "classnames": "^2.2.6",
-    "connected-react-router": "^6.7.0",
+    "connected-react-router": "^6.8.0",
     "date-fns": "^2.11.0",
     "dequal": "^1.0.0",
     "history": "^4.10.1",
-    "i18next": "^19.3.2",
+    "i18next": "^19.3.1",
     "i18next-browser-languagedetector": "^4.0.2",
     "initials": "^3.0.1",
     "lodash": "^4.17.15",
     "prop-types": "^15.7.2",
-    "react": "^16.13.0",
+    "react": "^16.13.1",
     "react-beautiful-dnd": "^13.0.0",
-    "react-datepicker": "^2.14.0",
+    "react-datepicker": "^2.14.1",
-    "react-dom": "^16.13.0",
+    "react-dom": "^16.13.1",
-    "react-i18next": "^11.3.3",
+    "react-i18next": "^11.3.4",
     "react-input-mask": "^2.0.4",
     "react-markdown": "^4.3.1",
     "react-redux": "^7.2.0",
     "react-router-dom": "^5.1.2",
-    "react-scripts": "3.4.0",
+    "react-scripts": "3.4.1",
     "react-textarea-autosize": "^7.1.2",
     "redux": "^4.0.5",
     "redux-logger": "^3.0.6",
@@ -75,18 +75,18 @@
     "sails.io.js": "^1.2.1",
     "semantic-ui-react": "^0.88.2",
     "socket.io-client": "^2.3.0",
-    "validator": "^12.2.0",
+    "validator": "^13.0.0",
     "whatwg-fetch": "^3.0.0"
   },
   "devDependencies": {
     "eslint": "^6.8.0",
     "eslint-config-airbnb": "^18.1.0",
-    "eslint-config-prettier": "^6.10.0",
+    "eslint-config-prettier": "^6.10.1",
     "eslint-plugin-import": "^2.20.1",
     "eslint-plugin-jsx-a11y": "^6.2.3",
     "eslint-plugin-prettier": "^3.1.2",
     "eslint-plugin-react": "^7.19.0",
-    "eslint-plugin-react-hooks": "^2.5.0",
+    "eslint-plugin-react-hooks": "^2.5.1",
-    "prettier": "1.19.1"
+    "prettier": "2.0.2"
   }
 }

client/src/actions/action.js

@@ -2,21 +2,21 @@ import ActionTypes from '../constants/ActionTypes';
 
 /* Events */
 
-export const createActionReceived = action => ({
+export const createActionReceived = (action) => ({
   type: ActionTypes.ACTION_CREATE_RECEIVED,
   payload: {
     action,
   },
 });
 
-export const updateActionReceived = action => ({
+export const updateActionReceived = (action) => ({
   type: ActionTypes.ACTION_UPDATE_RECEIVED,
   payload: {
     action,
   },
 });
 
-export const deleteActionReceived = action => ({
+export const deleteActionReceived = (action) => ({
   type: ActionTypes.ACTION_DELETE_RECEIVED,
   payload: {
     action,

client/src/actions/actions.js

@@ -2,7 +2,7 @@ import ActionTypes from '../constants/ActionTypes';
 
 /* Events */
 
-export const fetchActionsRequested = cardId => ({
+export const fetchActionsRequested = (cardId) => ({
   type: ActionTypes.ACTIONS_FETCH_REQUESTED,
   payload: {
     cardId,

client/src/actions/board.js

@@ -2,7 +2,7 @@ import ActionTypes from '../constants/ActionTypes';
 
 /* Actions */
 
-export const createBoard = board => ({
+export const createBoard = (board) => ({
   type: ActionTypes.BOARD_CREATE,
   payload: {
     board,
@@ -17,7 +17,7 @@ export const updateBoard = (id, data) => ({
   },
 });
 
-export const deleteBoard = id => ({
+export const deleteBoard = (id) => ({
   type: ActionTypes.BOARD_DELETE,
   payload: {
     id,
@@ -61,7 +61,7 @@ export const createBoardReceived = (board, lists, labels) => ({
   },
 });
 
-export const fetchBoardRequested = id => ({
+export const fetchBoardRequested = (id) => ({
   type: ActionTypes.BOARD_FETCH_REQUESTED,
   payload: {
     id,
@@ -105,7 +105,7 @@ export const updateBoardRequested = (id, data) => ({
   },
 });
 
-export const updateBoardSucceeded = board => ({
+export const updateBoardSucceeded = (board) => ({
   type: ActionTypes.BOARD_UPDATE_SUCCEEDED,
   payload: {
     board,
@@ -120,21 +120,21 @@ export const updateBoardFailed = (id, error) => ({
   },
 });
 
-export const updateBoardReceived = board => ({
+export const updateBoardReceived = (board) => ({
   type: ActionTypes.BOARD_UPDATE_RECEIVED,
   payload: {
     board,
   },
 });
 
-export const deleteBoardRequested = id => ({
+export const deleteBoardRequested = (id) => ({
   type: ActionTypes.BOARD_DELETE_REQUESTED,
   payload: {
     id,
   },
 });
 
-export const deleteBoardSucceeded = board => ({
+export const deleteBoardSucceeded = (board) => ({
   type: ActionTypes.BOARD_DELETE_SUCCEEDED,
   payload: {
     board,
@@ -149,7 +149,7 @@ export const deleteBoardFailed = (id, error) => ({
   },
 });
 
-export const deleteBoardReceived = board => ({
+export const deleteBoardReceived = (board) => ({
   type: ActionTypes.BOARD_DELETE_RECEIVED,
   payload: {
     board,

client/src/actions/card-label.js

@@ -2,28 +2,28 @@ import ActionTypes from '../constants/ActionTypes';
 
 /* Events */
 
-export const createCardLabelRequested = data => ({
+export const createCardLabelRequested = (data) => ({
   type: ActionTypes.CARD_LABEL_CREATE_REQUESTED,
   payload: {
     data,
   },
 });
 
-export const createCardLabelSucceeded = cardLabel => ({
+export const createCardLabelSucceeded = (cardLabel) => ({
   type: ActionTypes.CARD_LABEL_CREATE_SUCCEEDED,
   payload: {
     cardLabel,
   },
 });
 
-export const createCardLabelFailed = error => ({
+export const createCardLabelFailed = (error) => ({
   type: ActionTypes.CARD_LABEL_CREATE_FAILED,
   payload: {
     error,
   },
 });
 
-export const createCardLabelReceived = cardLabel => ({
+export const createCardLabelReceived = (cardLabel) => ({
   type: ActionTypes.CARD_LABEL_CREATE_RECEIVED,
   payload: {
     cardLabel,
@@ -38,7 +38,7 @@ export const deleteCardLabelRequested = (cardId, labelId) => ({
   },
 });
 
-export const deleteCardLabelSucceeded = cardLabel => ({
+export const deleteCardLabelSucceeded = (cardLabel) => ({
   type: ActionTypes.CARD_LABEL_DELETE_SUCCEEDED,
   payload: {
     cardLabel,
@@ -54,7 +54,7 @@ export const deleteCardLabelFailed = (cardId, labelId, error) => ({
   },
 });
 
-export const deleteCardLabelReceived = cardLabel => ({
+export const deleteCardLabelReceived = (cardLabel) => ({
   type: ActionTypes.CARD_LABEL_DELETE_RECEIVED,
   payload: {
     cardLabel,

client/src/actions/card-membership.js

@@ -2,28 +2,28 @@ import ActionTypes from '../constants/ActionTypes';
 
 /* Events */
 
-export const createCardMembershipRequested = data => ({
+export const createCardMembershipRequested = (data) => ({
   type: ActionTypes.CARD_MEMBERSHIP_CREATE_REQUESTED,
   payload: {
     data,
   },
 });
 
-export const createCardMembershipSucceeded = cardMembership => ({
+export const createCardMembershipSucceeded = (cardMembership) => ({
   type: ActionTypes.CARD_MEMBERSHIP_CREATE_SUCCEEDED,
   payload: {
     cardMembership,
   },
 });
 
-export const createCardMembershipFailed = error => ({
+export const createCardMembershipFailed = (error) => ({
   type: ActionTypes.CARD_MEMBERSHIP_CREATE_FAILED,
   payload: {
     error,
   },
 });
 
-export const createCardMembershipReceived = cardMembership => ({
+export const createCardMembershipReceived = (cardMembership) => ({
   type: ActionTypes.CARD_MEMBERSHIP_CREATE_RECEIVED,
   payload: {
     cardMembership,
@@ -38,7 +38,7 @@ export const deleteCardMembershipRequested = (cardId, userId) => ({
   },
 });
 
-export const deleteCardMembershipSucceeded = cardMembership => ({
+export const deleteCardMembershipSucceeded = (cardMembership) => ({
   type: ActionTypes.CARD_MEMBERSHIP_DELETE_SUCCEEDED,
   payload: {
     cardMembership,
@@ -54,7 +54,7 @@ export const deleteCardMembershipFailed = (cardId, userId, error) => ({
   },
 });
 
-export const deleteCardMembershipReceived = cardMembership => ({
+export const deleteCardMembershipReceived = (cardMembership) => ({
   type: ActionTypes.CARD_MEMBERSHIP_DELETE_RECEIVED,
   payload: {
     cardMembership,

client/src/actions/card.js

@@ -2,7 +2,7 @@ import ActionTypes from '../constants/ActionTypes';
 
 /* Actions */
 
-export const createCard = card => ({
+export const createCard = (card) => ({
   type: ActionTypes.CARD_CREATE,
   payload: {
     card,
@@ -17,7 +17,7 @@ export const updateCard = (id, data) => ({
   },
 });
 
-export const deleteCard = id => ({
+export const deleteCard = (id) => ({
   type: ActionTypes.CARD_DELETE,
   payload: {
     id,
@@ -50,21 +50,21 @@ export const createCardFailed = (localId, error) => ({
   },
 });
 
-export const createCardReceived = card => ({
+export const createCardReceived = (card) => ({
   type: ActionTypes.CARD_CREATE_RECEIVED,
   payload: {
     card,
   },
 });
 
-export const fetchCardRequested = id => ({
+export const fetchCardRequested = (id) => ({
   type: ActionTypes.CARD_FETCH_REQUESTED,
   payload: {
     id,
   },
 });
 
-export const fetchCardSucceeded = card => ({
+export const fetchCardSucceeded = (card) => ({
   type: ActionTypes.CARD_FETCH_SUCCEEDED,
   payload: {
     card,
@@ -87,7 +87,7 @@ export const updateCardRequested = (id, data) => ({
   },
 });
 
-export const updateCardSucceeded = card => ({
+export const updateCardSucceeded = (card) => ({
   type: ActionTypes.CARD_UPDATE_SUCCEEDED,
   payload: {
     card,
@@ -102,21 +102,21 @@ export const updateCardFailed = (id, error) => ({
   },
 });
 
-export const updateCardReceived = card => ({
+export const updateCardReceived = (card) => ({
   type: ActionTypes.CARD_UPDATE_RECEIVED,
   payload: {
     card,
   },
 });
 
-export const deleteCardRequested = id => ({
+export const deleteCardRequested = (id) => ({
   type: ActionTypes.CARD_DELETE_REQUESTED,
   payload: {
     id,
   },
 });
 
-export const deleteCardSucceeded = card => ({
+export const deleteCardSucceeded = (card) => ({
   type: ActionTypes.CARD_DELETE_SUCCEEDED,
   payload: {
     card,
@@ -131,7 +131,7 @@ export const deleteCardFailed = (id, error) => ({
   },
 });
 
-export const deleteCardReceived = card => ({
+export const deleteCardReceived = (card) => ({
   type: ActionTypes.CARD_DELETE_RECEIVED,
   payload: {
     card,

client/src/actions/comment-action.js

@@ -2,7 +2,7 @@ import ActionTypes from '../constants/ActionTypes';
 
 /* Actions */
 
-export const createCommentAction = action => ({
+export const createCommentAction = (action) => ({
   type: ActionTypes.COMMENT_ACTION_CREATE,
   payload: {
     action,
@@ -17,7 +17,7 @@ export const updateCommentAction = (id, data) => ({
   },
 });
 
-export const deleteCommentAction = id => ({
+export const deleteCommentAction = (id) => ({
   type: ActionTypes.COMMENT_ACTION_DELETE,
   payload: {
     id,
@@ -58,7 +58,7 @@ export const updateCommentActionRequested = (id, data) => ({
   },
 });
 
-export const updateCommentActionSucceeded = action => ({
+export const updateCommentActionSucceeded = (action) => ({
   type: ActionTypes.COMMENT_ACTION_UPDATE_SUCCEEDED,
   payload: {
     action,
@@ -73,14 +73,14 @@ export const updateCommentActionFailed = (id, error) => ({
   },
 });
 
-export const deleteCommentActionRequested = id => ({
+export const deleteCommentActionRequested = (id) => ({
   type: ActionTypes.COMMENT_ACTION_DELETE_REQUESTED,
   payload: {
     id,
   },
 });
 
-export const deleteCommentActionSucceeded = action => ({
+export const deleteCommentActionSucceeded = (action) => ({
   type: ActionTypes.COMMENT_ACTION_DELETE_SUCCEEDED,
   payload: {
     action,

client/src/actions/entry/board.js

@@ -1,6 +1,6 @@
 import EntryActionTypes from '../../constants/EntryActionTypes';
 
-export const createBoardInCurrentProject = data => ({
+export const createBoardInCurrentProject = (data) => ({
   type: EntryActionTypes.BOARD_IN_CURRENT_PROJECT_CREATE,
   payload: {
     data,
@@ -23,7 +23,7 @@ export const moveBoard = (id, index) => ({
   },
 });
 
-export const deleteBoard = id => ({
+export const deleteBoard = (id) => ({
   type: EntryActionTypes.BOARD_DELETE,
   payload: {
     id,

client/src/actions/entry/card.js

@@ -16,7 +16,7 @@ export const updateCard = (id, data) => ({
   },
 });
 
-export const updateCurrentCard = data => ({
+export const updateCurrentCard = (data) => ({
   type: EntryActionTypes.CURRENT_CARD_UPDATE,
   payload: {
     data,
@@ -32,7 +32,7 @@ export const moveCard = (id, listId, index) => ({
   },
 });
 
-export const deleteCard = id => ({
+export const deleteCard = (id) => ({
   type: EntryActionTypes.CARD_DELETE,
   payload: {
     id,

client/src/actions/entry/comment-action.js

@@ -1,6 +1,6 @@
 import EntryActionTypes from '../../constants/EntryActionTypes';
 
-export const createCommentActionInCurrentCard = data => ({
+export const createCommentActionInCurrentCard = (data) => ({
   type: EntryActionTypes.COMMENT_ACTION_IN_CURRENT_CARD_CREATE,
   payload: {
     data,
@@ -15,7 +15,7 @@ export const updateCommentAction = (id, data) => ({
   },
 });
 
-export const deleteCommentAction = id => ({
+export const deleteCommentAction = (id) => ({
   type: EntryActionTypes.COMMENT_ACTION_DELETE,
   payload: {
     id,

client/src/actions/entry/label.js

@@ -1,6 +1,6 @@
 import EntryActionTypes from '../../constants/EntryActionTypes';
 
-export const createLabelInCurrentBoard = data => ({
+export const createLabelInCurrentBoard = (data) => ({
   type: EntryActionTypes.LABEL_IN_CURRENT_BOARD_CREATE,
   payload: {
     data,
@@ -15,7 +15,7 @@ export const updateLabel = (id, data) => ({
   },
 });
 
-export const deleteLabel = id => ({
+export const deleteLabel = (id) => ({
   type: EntryActionTypes.LABEL_DELETE,
   payload: {
     id,
@@ -30,7 +30,7 @@ export const addLabelToCard = (id, cardId) => ({
   },
 });
 
-export const addLabelToCurrentCard = id => ({
+export const addLabelToCurrentCard = (id) => ({
   type: EntryActionTypes.LABEL_TO_CURRENT_CARD_ADD,
   payload: {
     id,
@@ -45,21 +45,21 @@ export const removeLabelFromCard = (id, cardId) => ({
   },
 });
 
-export const removeLabelFromCurrentCard = id => ({
+export const removeLabelFromCurrentCard = (id) => ({
   type: EntryActionTypes.LABEL_FROM_CURRENT_CARD_REMOVE,
   payload: {
     id,
   },
 });
 
-export const addLabelToFilterInCurrentBoard = id => ({
+export const addLabelToFilterInCurrentBoard = (id) => ({
   type: EntryActionTypes.LABEL_TO_FILTER_IN_CURRENT_BOARD_ADD,
   payload: {
     id,
   },
 });
 
-export const removeLabelFromFilterInCurrentBoard = id => ({
+export const removeLabelFromFilterInCurrentBoard = (id) => ({
   type: EntryActionTypes.LABEL_FROM_FILTER_IN_CURRENT_BOARD_REMOVE,
   payload: {
     id,

client/src/actions/entry/list.js

@@ -1,6 +1,6 @@
 import EntryActionTypes from '../../constants/EntryActionTypes';
 
-export const createListInCurrentBoard = data => ({
+export const createListInCurrentBoard = (data) => ({
   type: EntryActionTypes.LIST_IN_CURRENT_BOARD_CREATE,
   payload: {
     data,
@@ -23,7 +23,7 @@ export const moveList = (id, index) => ({
   },
 });
 
-export const deleteList = id => ({
+export const deleteList = (id) => ({
   type: EntryActionTypes.LIST_DELETE,
   payload: {
     id,

client/src/actions/entry/login.js

@@ -1,6 +1,6 @@
 import EntryActionTypes from '../../constants/EntryActionTypes';
 
-export const authenticate = data => ({
+export const authenticate = (data) => ({
   type: EntryActionTypes.AUTHENTICATE,
   payload: {
     data,

client/src/actions/entry/notification.js

@@ -1,7 +1,7 @@
 import EntryActionTypes from '../../constants/EntryActionTypes';
 
 // eslint-disable-next-line import/prefer-default-export
-export const deleteNotification = id => ({
+export const deleteNotification = (id) => ({
   type: EntryActionTypes.NOTIFICATION_DELETE,
   payload: {
     id,

client/src/actions/entry/project-membership.js

@@ -1,13 +1,13 @@
 import EntryActionTypes from '../../constants/EntryActionTypes';
 
-export const createMembershipInCurrentProject = data => ({
+export const createMembershipInCurrentProject = (data) => ({
   type: EntryActionTypes.MEMBERSHIP_IN_CURRENT_PROJECT_CREATE,
   payload: {
     data,
   },
 });
 
-export const deleteProjectMembership = id => ({
+export const deleteProjectMembership = (id) => ({
   type: EntryActionTypes.PROJECT_MEMBERSHIP_DELETE,
   payload: {
     id,

client/src/actions/entry/project.js

@@ -1,13 +1,13 @@
 import EntryActionTypes from '../../constants/EntryActionTypes';
 
-export const createProject = data => ({
+export const createProject = (data) => ({
   type: EntryActionTypes.PROJECT_CREATE,
   payload: {
     data,
   },
 });
 
-export const updateCurrentProject = data => ({
+export const updateCurrentProject = (data) => ({
   type: EntryActionTypes.CURRENT_PROJECT_UPDATE,
   payload: {
     data,

client/src/actions/entry/task.js

@@ -1,6 +1,6 @@
 import EntryActionTypes from '../../constants/EntryActionTypes';
 
-export const createTaskInCurrentCard = data => ({
+export const createTaskInCurrentCard = (data) => ({
   type: EntryActionTypes.TASK_IN_CURRENT_CARD_CREATE,
   payload: {
     data,
@@ -15,7 +15,7 @@ export const updateTask = (id, data) => ({
   },
 });
 
-export const deleteTask = id => ({
+export const deleteTask = (id) => ({
   type: EntryActionTypes.TASK_DELETE,
   payload: {
     id,

client/src/actions/entry/user.js

@@ -1,6 +1,6 @@
 import EntryActionTypes from '../../constants/EntryActionTypes';
 
-export const createUser = data => ({
+export const createUser = (data) => ({
   type: EntryActionTypes.USER_CREATE,
   payload: {
     data,
@@ -20,14 +20,14 @@ export const updateUser = (id, data) => ({
   },
 });
 
-export const updateCurrentUser = data => ({
+export const updateCurrentUser = (data) => ({
   type: EntryActionTypes.CURRENT_USER_UPDATE,
   payload: {
     data,
   },
 });
 
-export const updateCurrentUserEmail = data => ({
+export const updateCurrentUserEmail = (data) => ({
   type: EntryActionTypes.CURRENT_USER_EMAIL_UPDATE,
   payload: {
     data,
@@ -39,7 +39,7 @@ export const clearCurrentUserEmailUpdateError = () => ({
   payload: {},
 });
 
-export const updateCurrentUserPassword = data => ({
+export const updateCurrentUserPassword = (data) => ({
   type: EntryActionTypes.CURRENT_USER_PASSWORD_UPDATE,
   payload: {
     data,
@@ -51,14 +51,14 @@ export const clearCurrentUserPasswordUpdateError = () => ({
   payload: {},
 });
 
-export const uploadCurrentUserAvatar = file => ({
+export const uploadCurrentUserAvatar = (file) => ({
   type: EntryActionTypes.CURRENT_USER_AVATAR_UPLOAD,
   payload: {
     file,
   },
 });
 
-export const deleteUser = id => ({
+export const deleteUser = (id) => ({
   type: EntryActionTypes.USER_DELETE,
   payload: {
     id,
@@ -73,7 +73,7 @@ export const addUserToCard = (id, cardId) => ({
   },
 });
 
-export const addUserToCurrentCard = id => ({
+export const addUserToCurrentCard = (id) => ({
   type: EntryActionTypes.USER_TO_CURRENT_CARD_ADD,
   payload: {
     id,
@@ -88,21 +88,21 @@ export const removeUserFromCard = (id, cardId) => ({
   },
 });
 
-export const removeUserFromCurrentCard = id => ({
+export const removeUserFromCurrentCard = (id) => ({
   type: EntryActionTypes.USER_FROM_CURRENT_CARD_REMOVE,
   payload: {
     id,
   },
 });
 
-export const addUserToFilterInCurrentBoard = id => ({
+export const addUserToFilterInCurrentBoard = (id) => ({
   type: EntryActionTypes.USER_TO_FILTER_IN_CURRENT_BOARD_ADD,
   payload: {
     id,
   },
 });
 
-export const removeUserFromFilterInCurrentBoard = id => ({
+export const removeUserFromFilterInCurrentBoard = (id) => ({
   type: EntryActionTypes.USER_FROM_FILTER_IN_CURRENT_BOARD_REMOVE,
   payload: {
     id,

client/src/actions/label.js

@@ -2,7 +2,7 @@ import ActionTypes from '../constants/ActionTypes';
 
 /* Actions */
 
-export const createLabel = label => ({
+export const createLabel = (label) => ({
   type: ActionTypes.LABEL_CREATE,
   payload: {
     label,
@@ -17,7 +17,7 @@ export const updateLabel = (id, data) => ({
   },
 });
 
-export const deleteLabel = id => ({
+export const deleteLabel = (id) => ({
   type: ActionTypes.LABEL_DELETE,
   payload: {
     id,
@@ -82,7 +82,7 @@ export const createLabelFailed = (localId, error) => ({
   },
 });
 
-export const createLabelReceived = label => ({
+export const createLabelReceived = (label) => ({
   type: ActionTypes.LABEL_CREATE_RECEIVED,
   payload: {
     label,
@@ -97,7 +97,7 @@ export const updateLabelRequested = (id, data) => ({
   },
 });
 
-export const updateLabelSucceeded = label => ({
+export const updateLabelSucceeded = (label) => ({
   type: ActionTypes.LABEL_UPDATE_SUCCEEDED,
   payload: {
     label,
@@ -112,21 +112,21 @@ export const updateLabelFailed = (id, error) => ({
   },
 });
 
-export const updateLabelReceived = label => ({
+export const updateLabelReceived = (label) => ({
   type: ActionTypes.LABEL_UPDATE_RECEIVED,
   payload: {
     label,
   },
 });
 
-export const deleteLabelRequested = id => ({
+export const deleteLabelRequested = (id) => ({
   type: ActionTypes.LABEL_DELETE_REQUESTED,
   payload: {
     id,
   },
 });
 
-export const deleteLabelSucceeded = label => ({
+export const deleteLabelSucceeded = (label) => ({
   type: ActionTypes.LABEL_DELETE_SUCCEEDED,
   payload: {
     label,
@@ -141,7 +141,7 @@ export const deleteLabelFailed = (id, error) => ({
   },
 });
 
-export const deleteLabelReceived = label => ({
+export const deleteLabelReceived = (label) => ({
   type: ActionTypes.LABEL_DELETE_RECEIVED,
   payload: {
     label,

client/src/actions/list.js

@@ -2,7 +2,7 @@ import ActionTypes from '../constants/ActionTypes';
 
 /* Actions */
 
-export const createList = list => ({
+export const createList = (list) => ({
   type: ActionTypes.LIST_CREATE,
   payload: {
     list,
@@ -17,7 +17,7 @@ export const updateList = (id, data) => ({
   },
 });
 
-export const deleteList = id => ({
+export const deleteList = (id) => ({
   type: ActionTypes.LIST_DELETE,
   payload: {
     id,
@@ -50,7 +50,7 @@ export const createListFailed = (localId, error) => ({
   },
 });
 
-export const createListReceived = list => ({
+export const createListReceived = (list) => ({
   type: ActionTypes.LIST_CREATE_RECEIVED,
   payload: {
     list,
@@ -65,7 +65,7 @@ export const updateListRequested = (id, data) => ({
   },
 });
 
-export const updateListSucceeded = list => ({
+export const updateListSucceeded = (list) => ({
   type: ActionTypes.LIST_UPDATE_SUCCEEDED,
   payload: {
     list,
@@ -80,21 +80,21 @@ export const updateListFailed = (id, error) => ({
   },
 });
 
-export const updateListReceived = list => ({
+export const updateListReceived = (list) => ({
   type: ActionTypes.LIST_UPDATE_RECEIVED,
   payload: {
     list,
   },
 });
 
-export const deleteListRequested = id => ({
+export const deleteListRequested = (id) => ({
   type: ActionTypes.LIST_DELETE_REQUESTED,
   payload: {
     id,
   },
 });
 
-export const deleteListSucceeded = list => ({
+export const deleteListSucceeded = (list) => ({
   type: ActionTypes.LIST_DELETE_SUCCEEDED,
   payload: {
     list,
@@ -109,7 +109,7 @@ export const deleteListFailed = (id, error) => ({
   },
 });
 
-export const deleteListReceived = list => ({
+export const deleteListReceived = (list) => ({
   type: ActionTypes.LIST_DELETE_RECEIVED,
   payload: {
     list,

client/src/actions/login.js

@@ -2,7 +2,7 @@ import ActionTypes from '../constants/ActionTypes';
 
 /* Actions */
 
-export const authenticate = data => ({
+export const authenticate = (data) => ({
   type: ActionTypes.AUTHENTICATE,
   payload: {
     data,
@@ -21,21 +21,21 @@ export const logout = () => ({
 
 /* Events */
 
-export const authenticateRequested = data => ({
+export const authenticateRequested = (data) => ({
   type: ActionTypes.AUTHENTICATE_REQUESTED,
   payload: {
     data,
   },
 });
 
-export const authenticateSucceeded = accessToken => ({
+export const authenticateSucceeded = (accessToken) => ({
   type: ActionTypes.AUTHENTICATE_SUCCEEDED,
   payload: {
     accessToken,
   },
 });
 
-export const authenticateFailed = error => ({
+export const authenticateFailed = (error) => ({
   type: ActionTypes.AUTHENTICATE_FAILED,
   payload: {
     error,

client/src/actions/modal.js

@@ -2,7 +2,7 @@ import ActionTypes from '../constants/ActionTypes';
 
 /* Actions */
 
-export const openModal = type => ({
+export const openModal = (type) => ({
   type: ActionTypes.MODAL_OPEN,
   payload: {
     type,

client/src/actions/notification.js

@@ -12,7 +12,7 @@ export const createNotificationReceived = (notification, user, card, action) =>
   },
 });
 
-export const deleteNotificationReceived = notification => ({
+export const deleteNotificationReceived = (notification) => ({
   type: ActionTypes.NOTIFICATION_DELETE_RECEIVED,
   payload: {
     notification,

client/src/actions/notifications.js

@@ -2,7 +2,7 @@ import ActionTypes from '../constants/ActionTypes';
 
 /* Actions */
 
-export const deleteNotifications = ids => ({
+export const deleteNotifications = (ids) => ({
   type: ActionTypes.NOTIFICATIONS_DELETE,
   payload: {
     ids,
@@ -26,21 +26,21 @@ export const fetchNotificationsSucceeded = (notifications, users, cards, actions
   },
 });
 
-export const fetchNotificationsFailed = error => ({
+export const fetchNotificationsFailed = (error) => ({
   type: ActionTypes.NOTIFICATIONS_FETCH_FAILED,
   payload: {
     error,
   },
 });
 
-export const deleteNotificationsRequested = ids => ({
+export const deleteNotificationsRequested = (ids) => ({
   type: ActionTypes.NOTIFICATIONS_DELETE_REQUESTED,
   payload: {
     ids,
   },
 });
 
-export const deleteNotificationsSucceeded = notifications => ({
+export const deleteNotificationsSucceeded = (notifications) => ({
   type: ActionTypes.NOTIFICATIONS_DELETE_SUCCEEDED,
   payload: {
     notifications,

client/src/actions/project-membership.js

@@ -2,14 +2,14 @@ import ActionTypes from '../constants/ActionTypes';
 
 /* Actions */
 
-export const createProjectMembership = projectMembership => ({
+export const createProjectMembership = (projectMembership) => ({
   type: ActionTypes.PROJECT_MEMBERSHIP_CREATE,
   payload: {
     projectMembership,
   },
 });
 
-export const deleteProjectMembership = id => ({
+export const deleteProjectMembership = (id) => ({
   type: ActionTypes.PROJECT_MEMBERSHIP_DELETE,
   payload: {
     id,
@@ -50,14 +50,14 @@ export const createProjectMembershipReceived = (projectMembership, user) => ({
   },
 });
 
-export const deleteProjectMembershipRequested = id => ({
+export const deleteProjectMembershipRequested = (id) => ({
   type: ActionTypes.PROJECT_MEMBERSHIP_DELETE_REQUESTED,
   payload: {
     id,
   },
 });
 
-export const deleteProjectMembershipSucceeded = projectMembership => ({
+export const deleteProjectMembershipSucceeded = (projectMembership) => ({
   type: ActionTypes.PROJECT_MEMBERSHIP_DELETE_SUCCEEDED,
   payload: {
     projectMembership,
@@ -72,7 +72,7 @@ export const deleteProjectMembershipFailed = (id, error) => ({
   },
 });
 
-export const deleteProjectMembershipReceived = projectMembership => ({
+export const deleteProjectMembershipReceived = (projectMembership) => ({
   type: ActionTypes.PROJECT_MEMBERSHIP_DELETE_RECEIVED,
   payload: {
     projectMembership,

client/src/actions/project.js

@@ -2,7 +2,7 @@ import ActionTypes from '../constants/ActionTypes';
 
 /* Actions */
 
-export const createProject = data => ({
+export const createProject = (data) => ({
   type: ActionTypes.PROJECT_CREATE,
   payload: {
     data,
@@ -17,7 +17,7 @@ export const updateProject = (id, data) => ({
   },
 });
 
-export const deleteProject = id => ({
+export const deleteProject = (id) => ({
   type: ActionTypes.PROJECT_DELETE,
   payload: {
     id,
@@ -26,7 +26,7 @@ export const deleteProject = id => ({
 
 /* Events */
 
-export const createProjectRequested = data => ({
+export const createProjectRequested = (data) => ({
   type: ActionTypes.PROJECT_CREATE_REQUESTED,
   payload: {
     data,
@@ -43,7 +43,7 @@ export const createProjectSucceeded = (project, users, projectMemberships, board
   },
 });
 
-export const createProjectFailed = error => ({
+export const createProjectFailed = (error) => ({
   type: ActionTypes.PROJECT_CREATE_FAILED,
   payload: {
     error,
@@ -68,7 +68,7 @@ export const updateProjectRequested = (id, data) => ({
   },
 });
 
-export const updateProjectSucceeded = project => ({
+export const updateProjectSucceeded = (project) => ({
   type: ActionTypes.PROJECT_UPDATE_SUCCEEDED,
   payload: {
     project,
@@ -83,21 +83,21 @@ export const updateProjectFailed = (id, error) => ({
   },
 });
 
-export const updateProjectReceived = project => ({
+export const updateProjectReceived = (project) => ({
   type: ActionTypes.PROJECT_UPDATE_RECEIVED,
   payload: {
     project,
   },
 });
 
-export const deleteProjectRequested = id => ({
+export const deleteProjectRequested = (id) => ({
   type: ActionTypes.PROJECT_DELETE_REQUESTED,
   payload: {
     id,
   },
 });
 
-export const deleteProjectSucceeded = project => ({
+export const deleteProjectSucceeded = (project) => ({
   type: ActionTypes.PROJECT_DELETE_SUCCEEDED,
   payload: {
     project,
@@ -112,7 +112,7 @@ export const deleteProjectFailed = (id, error) => ({
   },
 });
 
-export const deleteProjectReceived = project => ({
+export const deleteProjectReceived = (project) => ({
   type: ActionTypes.PROJECT_DELETE_RECEIVED,
   payload: {
     project,

client/src/actions/projects.js

@@ -17,7 +17,7 @@ export const fetchProjectsSucceeded = (projects, users, projectMemberships, boar
   },
 });
 
-export const fetchProjectsFailed = error => ({
+export const fetchProjectsFailed = (error) => ({
   type: ActionTypes.PROJECTS_FETCH_FAILED,
   payload: {
     error,

client/src/actions/task.js

@@ -2,7 +2,7 @@ import ActionTypes from '../constants/ActionTypes';
 
 /* Actions */
 
-export const createTask = task => ({
+export const createTask = (task) => ({
   type: ActionTypes.TASK_CREATE,
   payload: {
     task,
@@ -17,7 +17,7 @@ export const updateTask = (id, data) => ({
   },
 });
 
-export const deleteTask = id => ({
+export const deleteTask = (id) => ({
   type: ActionTypes.TASK_DELETE,
   payload: {
     id,
@@ -50,7 +50,7 @@ export const createTaskFailed = (localId, error) => ({
   },
 });
 
-export const createTaskReceived = task => ({
+export const createTaskReceived = (task) => ({
   type: ActionTypes.TASK_CREATE_RECEIVED,
   payload: {
     task,
@@ -65,7 +65,7 @@ export const updateTaskRequested = (id, data) => ({
   },
 });
 
-export const updateTaskSucceeded = task => ({
+export const updateTaskSucceeded = (task) => ({
   type: ActionTypes.TASK_UPDATE_SUCCEEDED,
   payload: {
     task,
@@ -80,21 +80,21 @@ export const updateTaskFailed = (id, error) => ({
   },
 });
 
-export const updateTaskReceived = task => ({
+export const updateTaskReceived = (task) => ({
   type: ActionTypes.TASK_UPDATE_RECEIVED,
   payload: {
     task,
   },
 });
 
-export const deleteTaskRequested = id => ({
+export const deleteTaskRequested = (id) => ({
   type: ActionTypes.TASK_DELETE_REQUESTED,
   payload: {
     id,
   },
 });
 
-export const deleteTaskSucceeded = task => ({
+export const deleteTaskSucceeded = (task) => ({
   type: ActionTypes.TASK_DELETE_SUCCEEDED,
   payload: {
     task,
@@ -109,7 +109,7 @@ export const deleteTaskFailed = (id, error) => ({
   },
 });
 
-export const deleteTaskReceived = task => ({
+export const deleteTaskReceived = (task) => ({
   type: ActionTypes.TASK_DELETE_RECEIVED,
   payload: {
     task,

client/src/actions/user.js

@@ -2,7 +2,7 @@ import ActionTypes from '../constants/ActionTypes';
 
 /* Actions */
 
-export const createUser = data => ({
+export const createUser = (data) => ({
   type: ActionTypes.USER_CREATE,
   payload: {
     data,
@@ -22,21 +22,21 @@ export const updateUser = (id, data) => ({
   },
 });
 
-export const clearUserEmailUpdateError = id => ({
+export const clearUserEmailUpdateError = (id) => ({
   type: ActionTypes.USER_EMAIL_UPDATE_ERROR_CLEAR,
   payload: {
     id,
   },
 });
 
-export const clearUserPasswordUpdateError = id => ({
+export const clearUserPasswordUpdateError = (id) => ({
   type: ActionTypes.USER_PASSWORD_UPDATE_ERROR_CLEAR,
   payload: {
     id,
   },
 });
 
-export const deleteUser = id => ({
+export const deleteUser = (id) => ({
   type: ActionTypes.USER_DELETE,
   payload: {
     id,
@@ -78,28 +78,28 @@ export const removeUserFromBoardFilter = (id, boardId) => ({
 
 /* Events */
 
-export const createUserRequested = data => ({
+export const createUserRequested = (data) => ({
   type: ActionTypes.USER_CREATE_REQUESTED,
   payload: {
     data,
   },
 });
 
-export const createUserSucceeded = user => ({
+export const createUserSucceeded = (user) => ({
   type: ActionTypes.USER_CREATE_SUCCEEDED,
   payload: {
     user,
   },
 });
 
-export const createUserFailed = error => ({
+export const createUserFailed = (error) => ({
   type: ActionTypes.USER_CREATE_FAILED,
   payload: {
     error,
   },
 });
 
-export const createUserReceived = user => ({
+export const createUserReceived = (user) => ({
   type: ActionTypes.USER_CREATE_RECEIVED,
   payload: {
     user,
@@ -111,14 +111,14 @@ export const fetchCurrentUserRequested = () => ({
   payload: {},
 });
 
-export const fetchCurrentUserSucceeded = user => ({
+export const fetchCurrentUserSucceeded = (user) => ({
   type: ActionTypes.CURRENT_USER_FETCH_SUCCEEDED,
   payload: {
     user,
   },
 });
 
-export const fetchCurrentUserFailed = error => ({
+export const fetchCurrentUserFailed = (error) => ({
   type: ActionTypes.CURRENT_USER_FETCH_FAILED,
   payload: {
     error,
@@ -133,7 +133,7 @@ export const updateUserRequested = (id, data) => ({
   },
 });
 
-export const updateUserSucceeded = user => ({
+export const updateUserSucceeded = (user) => ({
   type: ActionTypes.USER_UPDATE_SUCCEEDED,
   payload: {
     user,
@@ -148,7 +148,7 @@ export const updateUserFailed = (id, error) => ({
   },
 });
 
-export const updateUserReceived = user => ({
+export const updateUserReceived = (user) => ({
   type: ActionTypes.USER_UPDATE_RECEIVED,
   payload: {
     user,
@@ -187,7 +187,7 @@ export const updateUserPasswordRequested = (id, data) => ({
   },
 });
 
-export const updateUserPasswordSucceeded = id => ({
+export const updateUserPasswordSucceeded = (id) => ({
   type: ActionTypes.USER_PASSWORD_UPDATE_SUCCEEDED,
   payload: {
     id,
@@ -202,7 +202,7 @@ export const updateUserPasswordFailed = (id, error) => ({
   },
 });
 
-export const uploadUserAvatarRequested = id => ({
+export const uploadUserAvatarRequested = (id) => ({
   type: ActionTypes.USER_AVATAR_UPLOAD_REQUESTED,
   payload: {
     id,
@@ -225,14 +225,14 @@ export const uploadUserAvatarFailed = (id, error) => ({
   },
 });
 
-export const deleteUserRequested = id => ({
+export const deleteUserRequested = (id) => ({
   type: ActionTypes.USER_DELETE_REQUESTED,
   payload: {
     id,
   },
 });
 
-export const deleteUserSucceeded = user => ({
+export const deleteUserSucceeded = (user) => ({
   type: ActionTypes.USER_DELETE_SUCCEEDED,
   payload: {
     user,
@@ -247,7 +247,7 @@ export const deleteUserFailed = (id, error) => ({
   },
 });
 
-export const deleteUserReceived = user => ({
+export const deleteUserReceived = (user) => ({
   type: ActionTypes.USER_DELETE_RECEIVED,
   payload: {
     user,

client/src/actions/users.js

@@ -7,14 +7,14 @@ export const fetchUsersRequested = () => ({
   payload: {},
 });
 
-export const fetchUsersSucceeded = users => ({
+export const fetchUsersSucceeded = (users) => ({
   type: ActionTypes.USERS_FETCH_SUCCEEDED,
   payload: {
     users,
   },
 });
 
-export const fetchUsersFailed = error => ({
+export const fetchUsersFailed = (error) => ({
   type: ActionTypes.USERS_FETCH_FAILED,
   payload: {
     error,

client/src/api/actions.js

@@ -2,7 +2,7 @@ import socket from './socket';
 
 /* Transformers */
 
-export const transformAction = action => ({
+export const transformAction = (action) => ({
   ...action,
   createdAt: new Date(action.createdAt),
 });
@@ -10,14 +10,14 @@ export const transformAction = action => ({
 /* Actions */
 
 const getActions = (cardId, data, headers) =>
-  socket.get(`/cards/${cardId}/actions`, data, headers).then(body => ({
+  socket.get(`/cards/${cardId}/actions`, data, headers).then((body) => ({
     ...body,
     items: body.items.map(transformAction),
   }));
 
 /* Event handlers */
 
-const makeHandleActionCreate = next => body => {
+const makeHandleActionCreate = (next) => (body) => {
   next({
     ...body,
     item: transformAction(body.item),

client/src/api/boards.js

@@ -7,7 +7,7 @@ const createBoard = (projectId, data, headers) =>
   socket.post(`/projects/${projectId}/boards`, data, headers);
 
 const getBoard = (id, headers) =>
-  socket.get(`/boards/${id}`, undefined, headers).then(body => ({
+  socket.get(`/boards/${id}`, undefined, headers).then((body) => ({
     ...body,
     included: {
       ...body.included,

client/src/api/cards.js

@@ -2,7 +2,7 @@ import socket from './socket';
 
 /* Transformers */
 
-export const transformCard = card => ({
+export const transformCard = (card) => ({
   ...card,
   ...(card.dueDate && {
     dueDate: new Date(card.dueDate),
@@ -17,7 +17,7 @@ export const transformCard = card => ({
   }),
 });
 
-export const transformCardData = data => ({
+export const transformCardData = (data) => ({
   ...data,
   ...(data.dueDate && {
     dueDate: data.dueDate.toISOString(),
@@ -35,32 +35,32 @@ export const transformCardData = data => ({
 /* Actions */
 
 const createCard = (listId, data, headers) =>
-  socket.post(`/lists/${listId}/cards`, transformCardData(data), headers).then(body => ({
+  socket.post(`/lists/${listId}/cards`, transformCardData(data), headers).then((body) => ({
     ...body,
     item: transformCard(body.item),
   }));
 
 const getCard = (id, headers) =>
-  socket.get(`/cards/${id}`, undefined, headers).then(body => ({
+  socket.get(`/cards/${id}`, undefined, headers).then((body) => ({
     ...body,
     item: transformCard(body.item),
   }));
 
 const updateCard = (id, data, headers) =>
-  socket.patch(`/cards/${id}`, transformCardData(data), headers).then(body => ({
+  socket.patch(`/cards/${id}`, transformCardData(data), headers).then((body) => ({
     ...body,
     item: transformCard(body.item),
   }));
 
 const deleteCard = (id, headers) =>
-  socket.delete(`/cards/${id}`, undefined, headers).then(body => ({
+  socket.delete(`/cards/${id}`, undefined, headers).then((body) => ({
     ...body,
     item: transformCard(body.item),
   }));
 
 /* Event handlers */
 
-const makeHandleCardCreate = next => body => {
+const makeHandleCardCreate = (next) => (body) => {
   next({
     ...body,
     item: transformCard(body.item),

client/src/api/comment-actions.js

@@ -4,19 +4,19 @@ import { transformAction } from './actions';
 /* Actions */
 
 const createCommentAction = (cardId, data, headers) =>
-  socket.post(`/cards/${cardId}/comment-actions`, data, headers).then(body => ({
+  socket.post(`/cards/${cardId}/comment-actions`, data, headers).then((body) => ({
     ...body,
     item: transformAction(body.item),
   }));
 
 const updateCommentAction = (id, data, headers) =>
-  socket.patch(`/comment-actions/${id}`, data, headers).then(body => ({
+  socket.patch(`/comment-actions/${id}`, data, headers).then((body) => ({
     ...body,
     item: transformAction(body.item),
   }));
 
 const deleteCommentAction = (id, headers) =>
-  socket.delete(`/comment-actions/${id}`, undefined, headers).then(body => ({
+  socket.delete(`/comment-actions/${id}`, undefined, headers).then((body) => ({
     ...body,
     item: transformAction(body.item),
   }));

client/src/api/http.js

@@ -5,7 +5,7 @@ import Config from '../constants/Config';
 const http = {};
 
 // TODO: all methods
-['POST'].forEach(method => {
+['POST'].forEach((method) => {
   http[method.toLowerCase()] = (url, data, headers) => {
     const formData = Object.keys(data).reduce((result, key) => {
       result.append(key, data[key]);
@@ -18,8 +18,8 @@ const http = {};
       headers,
       body: formData,
     })
-      .then(response =>
+      .then((response) =>
-        response.json().then(body => ({
+        response.json().then((body) => ({
           body,
           isError: response.status !== 200,
         })),

client/src/api/notifications.js

@@ -4,8 +4,8 @@ import { transformAction } from './actions';
 
 /* Actions */
 
-const getNotifications = headers =>
+const getNotifications = (headers) =>
-  socket.get('/notifications', undefined, headers).then(body => ({
+  socket.get('/notifications', undefined, headers).then((body) => ({
     ...body,
     included: {
       ...body.included,
@@ -19,7 +19,7 @@ const updateNotifications = (ids, data, headers) =>
 
 /* Event handlers */
 
-const makeHandleNotificationCreate = next => body => {
+const makeHandleNotificationCreate = (next) => (body) => {
   next({
     ...body,
     included: {

client/src/api/projects.js

@@ -2,7 +2,7 @@ import socket from './socket';
 
 /* Actions */
 
-const getProjects = headers => socket.get('/projects', undefined, headers);
+const getProjects = (headers) => socket.get('/projects', undefined, headers);
 
 const createProject = (data, headers) => socket.post('/projects', data, headers);
 

client/src/api/socket.js

@@ -15,7 +15,7 @@ const { socket } = io;
 
 socket.connect = socket._connect; // eslint-disable-line no-underscore-dangle
 
-['GET', 'POST', 'PUT', 'PATCH', 'DELETE'].forEach(method => {
+['GET', 'POST', 'PUT', 'PATCH', 'DELETE'].forEach((method) => {
   socket[method.toLowerCase()] = (url, data, headers) =>
     new Promise((resolve, reject) => {
       socket.request(

client/src/api/users.js

@@ -3,11 +3,11 @@ import socket from './socket';
 
 /* Actions */
 
-const getUsers = headers => socket.get('/users', undefined, headers);
+const getUsers = (headers) => socket.get('/users', undefined, headers);
 
 const createUser = (data, headers) => socket.post('/users', data, headers);
 
-const getCurrentUser = headers => socket.get('/users/me', undefined, headers);
+const getCurrentUser = (headers) => socket.get('/users/me', undefined, headers);
 
 const updateUser = (id, data, headers) => socket.patch(`/users/${id}`, data, headers);
 

client/src/components/AddUserPopup/AddUserPopup.jsx

@@ -11,7 +11,7 @@ import { useForm } from '../../hooks';
 
 import styles from './AddUserPopup.module.css';
 
-const createMessage = error => {
+const createMessage = (error) => {
   if (!error) {
     return error;
   }

client/src/components/Board/AddList.jsx

@@ -42,7 +42,7 @@ const AddList = React.forwardRef(({ children, onCreate }, ref) => {
   }, [open]);
 
   const handleFieldKeyDown = useCallback(
-    event => {
+    (event) => {
       if (event.key === 'Escape') {
         close();
       }

client/src/components/Board/Board.jsx

@@ -13,7 +13,7 @@ import { ReactComponent as PlusMathIcon } from '../../assets/images/plus-math-ic
 
 import styles from './Board.module.css';
 
-const parseDndId = dndId => dndId.split(':')[1];
+const parseDndId = (dndId) => dndId.split(':')[1];
 
 const Board = React.memo(
   ({

client/src/components/Board/Filter.jsx

@@ -26,14 +26,14 @@ const Filter = React.memo(
     const [t] = useTranslation();
 
     const handleUserRemoveClick = useCallback(
-      id => {
+      (id) => {
         onUserRemove(id);
       },
       [onUserRemove],
     );
 
     const handleLabelRemoveClick = useCallback(
-      id => {
+      (id) => {
         onLabelRemove(id);
       },
       [onLabelRemove],
@@ -44,7 +44,7 @@ const Filter = React.memo(
         <span className={styles.filter}>
           <ProjectMembershipsPopup
             items={allProjectMemberships}
-            currentUserIds={users.map(user => user.id)}
+            currentUserIds={users.map((user) => user.id)}
             title={t('common.filterByMembers', {
               context: 'title',
             })}
@@ -56,7 +56,7 @@ const Filter = React.memo(
               {users.length === 0 && <span className={styles.filterLabel}>{t('common.all')}</span>}
             </button>
           </ProjectMembershipsPopup>
-          {users.map(user => (
+          {users.map((user) => (
             <span key={user.id} className={styles.filterItem}>
               <User
                 name={user.name}
@@ -70,7 +70,7 @@ const Filter = React.memo(
         <span className={styles.filter}>
           <LabelsPopup
             items={allLabels}
-            currentIds={labels.map(label => label.id)}
+            currentIds={labels.map((label) => label.id)}
             title={t('common.filterByLabels', {
               context: 'title',
             })}
@@ -85,7 +85,7 @@ const Filter = React.memo(
               {labels.length === 0 && <span className={styles.filterLabel}>{t('common.all')}</span>}
             </button>
           </LabelsPopup>
-          {labels.map(label => (
+          {labels.map((label) => (
             <span key={label.id} className={styles.filterItem}>
               <Label
                 name={label.name}

client/src/components/Boards/Boards.jsx

@@ -44,15 +44,15 @@ const Boards = React.memo(
     );
 
     const handleDelete = useCallback(
-      id => {
+      (id) => {
         onDelete(id);
       },
       [onDelete],
     );
 
     const renderItems = useCallback(
-      safeItems =>
+      (safeItems) =>
-        safeItems.map(item => (
+        safeItems.map((item) => (
           <div key={item.id} className={styles.tabWrapper}>
             <div className={classNames(styles.tab, item.id === currentId && styles.tabActive)}>
               {item.isPersisted ? (
@@ -73,7 +73,7 @@ const Boards = React.memo(
     );
 
     const renderEditableItems = useCallback(
-      safeItems =>
+      (safeItems) =>
         safeItems.map((item, index) => (
           <Draggable
             key={item.id}
@@ -103,7 +103,7 @@ const Boards = React.memo(
                   {item.isPersisted && (
                     <EditPopup
                       defaultData={pick(item, 'name')}
-                      onUpdate={data => handleUpdate(item.id, data)}
+                      onUpdate={(data) => handleUpdate(item.id, data)}
                       onDelete={() => handleDelete(item.id)}
                     >
                       <Button className={classNames(styles.editButton, styles.target)}>

client/src/components/Card/ActionsPopup.jsx

@@ -70,7 +70,7 @@ const ActionsStep = React.memo(
     }, [openStep]);
 
     const handleDueDateUpdate = useCallback(
-      dueDate => {
+      (dueDate) => {
         onUpdate({
           dueDate,
         });
@@ -79,7 +79,7 @@ const ActionsStep = React.memo(
     );
 
     const handleTimerUpdate = useCallback(
-      timer => {
+      (timer) => {
         onUpdate({
           timer,
         });

client/src/components/Card/Card.jsx

@@ -49,7 +49,7 @@ const Card = React.memo(
     }, []);
 
     const handleNameUpdate = useCallback(
-      newName => {
+      (newName) => {
         onUpdate({
           name: newName,
         });
@@ -65,7 +65,7 @@ const Card = React.memo(
       <>
         {labels.length > 0 && (
           <span className={styles.labels}>
-            {labels.map(label => (
+            {labels.map((label) => (
               <span key={label.id} className={classNames(styles.attachment, styles.attachmentLeft)}>
                 <Label name={label.name} color={label.color} size="tiny" />
               </span>
@@ -101,7 +101,7 @@ const Card = React.memo(
         )}
         {users.length > 0 && (
           <span className={classNames(styles.attachments, styles.attachmentsRight)}>
-            {users.map(user => (
+            {users.map((user) => (
               <span key={user.id} className={classNames(styles.attachment, styles.attachmentRight)}>
                 <User name={user.name} avatar={user.avatar} size="tiny" />
               </span>
@@ -136,9 +136,9 @@ const Card = React.memo(
                         isPersisted,
                       }}
                       projectMemberships={allProjectMemberships}
-                      currentUserIds={users.map(user => user.id)}
+                      currentUserIds={users.map((user) => user.id)}
                       labels={allLabels}
-                      currentLabelIds={labels.map(label => label.id)}
+                      currentLabelIds={labels.map((label) => label.id)}
                       onNameEdit={handleNameEdit}
                       onUpdate={onUpdate}
                       onDelete={onDelete}

client/src/components/Card/EditName.jsx

@@ -50,7 +50,7 @@ const EditName = React.forwardRef(({ children, defaultValue, onUpdate }, ref) =>
   );
 
   const handleFieldKeyDown = useCallback(
-    event => {
+    (event) => {
       switch (event.key) {
         case 'Enter':
           event.preventDefault();

client/src/components/Card/Tasks.jsx

@@ -10,7 +10,7 @@ const Tasks = React.memo(({ items }) => {
   const [isOpened, toggleOpened] = useToggle();
 
   const handleToggleClick = useCallback(
-    event => {
+    (event) => {
       event.preventDefault();
 
       toggleOpened();
@@ -18,7 +18,7 @@ const Tasks = React.memo(({ items }) => {
     [toggleOpened],
   );
 
-  const completedItems = items.filter(item => item.isCompleted);
+  const completedItems = items.filter((item) => item.isCompleted);
 
   return (
     <>
@@ -47,7 +47,7 @@ const Tasks = React.memo(({ items }) => {
       </div>
       {isOpened && (
         <ul className={styles.tasks}>
-          {items.map(item => (
+          {items.map((item) => (
             <li
               key={item.id}
               className={classNames(styles.task, item.isCompleted && styles.taskCompleted)}

client/src/components/CardModal/Actions/Actions.jsx

@@ -30,7 +30,7 @@ const Actions = React.memo(
     );
 
     const handleCommentDelete = useCallback(
-      id => {
+      (id) => {
         onCommentDelete(id);
       },
       [onCommentDelete],
@@ -51,7 +51,7 @@ const Actions = React.memo(
             <div className={styles.moduleHeader}>{t('common.actions')}</div>
             <div className={styles.wrapper}>
               <Comment.Group>
-                {items.map(item =>
+                {items.map((item) =>
                   item.type === ActionTypes.COMMENT_CARD ? (
                     <Item.Comment
                       key={item.id}
@@ -60,7 +60,7 @@ const Actions = React.memo(
                       isPersisted={item.isPersisted}
                       user={item.user}
                       isEditable={isEditable}
-                      onUpdate={data => handleCommentUpdate(item.id, data)}
+                      onUpdate={(data) => handleCommentUpdate(item.id, data)}
                       onDelete={() => handleCommentDelete(item.id)}
                     />
                   ) : (

client/src/components/CardModal/Actions/AddComment.jsx

@@ -35,7 +35,7 @@ const AddComment = React.memo(({ onCreate }) => {
   }, [onCreate, data, setData]);
 
   const handleFieldKeyDown = useCallback(
-    event => {
+    (event) => {
       if (event.ctrlKey && event.key === 'Enter') {
         submit();
       }

client/src/components/CardModal/Actions/EditComment.jsx

@@ -57,7 +57,7 @@ const EditComment = React.forwardRef(({ children, defaultData, onUpdate }, ref)
   );
 
   const handleFieldKeyDown = useCallback(
-    event => {
+    (event) => {
       if (event.ctrlKey && event.key === 'Enter') {
         submit();
       }

client/src/components/CardModal/CardModal.jsx

@@ -58,7 +58,7 @@ const CardModal = React.memo(
     const [t] = useTranslation();
 
     const handleNameUpdate = useCallback(
-      newName => {
+      (newName) => {
         onUpdate({
           name: newName,
         });
@@ -67,7 +67,7 @@ const CardModal = React.memo(
     );
 
     const handleDescriptionUpdate = useCallback(
-      newDescription => {
+      (newDescription) => {
         onUpdate({
           description: newDescription,
         });
@@ -76,7 +76,7 @@ const CardModal = React.memo(
     );
 
     const handleDueDateUpdate = useCallback(
-      newDueDate => {
+      (newDueDate) => {
         onUpdate({
           dueDate: newDueDate,
         });
@@ -85,7 +85,7 @@ const CardModal = React.memo(
     );
 
     const handleTimerUpdate = useCallback(
-      newTimer => {
+      (newTimer) => {
         onUpdate({
           timer: newTimer,
         });
@@ -99,8 +99,8 @@ const CardModal = React.memo(
       });
     }, [isSubscribed, onUpdate]);
 
-    const userIds = users.map(user => user.id);
+    const userIds = users.map((user) => user.id);
-    const labelIds = labels.map(label => label.id);
+    const labelIds = labels.map((label) => label.id);
 
     return (
       <Modal open closeIcon size="small" centered={false} onClose={onClose}>
@@ -126,7 +126,7 @@ const CardModal = React.memo(
                           context: 'title',
                         })}
                       </div>
-                      {users.map(user => (
+                      {users.map((user) => (
                         <span key={user.id} className={styles.attachment}>
                           <ProjectMembershipsPopup
                             items={allProjectMemberships}
@@ -160,7 +160,7 @@ const CardModal = React.memo(
                           context: 'title',
                         })}
                       </div>
-                      {labels.map(label => (
+                      {labels.map((label) => (
                         <span key={label.id} className={styles.attachment}>
                           <LabelsPopup
                             key={label.id}

client/src/components/CardModal/EditDescription.jsx

@@ -51,7 +51,7 @@ const EditDescription = React.forwardRef(({ children, defaultValue, onUpdate },
   }, [open]);
 
   const handleFieldKeyDown = useCallback(
-    event => {
+    (event) => {
       if (event.ctrlKey && event.key === 'Enter') {
         submit();
       }

client/src/components/CardModal/NameField.jsx

@@ -18,7 +18,7 @@ const NameField = React.memo(({ defaultValue, onUpdate }) => {
     isFocused.current = true;
   }, []);
 
-  const handleKeyDown = useCallback(event => {
+  const handleKeyDown = useCallback((event) => {
     if (event.key === 'Enter') {
       event.preventDefault();
 

client/src/components/CardModal/Tasks/Add.jsx

@@ -60,7 +60,7 @@ const Add = React.forwardRef(({ children, onCreate }, ref) => {
   }, [open]);
 
   const handleFieldKeyDown = useCallback(
-    event => {
+    (event) => {
       if (event.key === 'Enter') {
         event.preventDefault();
 

client/src/components/CardModal/Tasks/EditName.jsx

@@ -50,7 +50,7 @@ const EditName = React.forwardRef(({ children, defaultValue, onUpdate }, ref) =>
   );
 
   const handleFieldKeyDown = useCallback(
-    event => {
+    (event) => {
       if (event.key === 'Enter') {
         event.preventDefault();
 

client/src/components/CardModal/Tasks/Item.jsx

@@ -18,7 +18,7 @@ const Item = React.memo(({ name, isCompleted, isPersisted, onUpdate, onDelete })
   }, [isPersisted]);
 
   const handleNameUpdate = useCallback(
-    newName => {
+    (newName) => {
       onUpdate({
         name: newName,
       });

client/src/components/CardModal/Tasks/Tasks.jsx

@@ -19,13 +19,13 @@ const Tasks = React.memo(({ items, onCreate, onUpdate, onDelete }) => {
   );
 
   const handleDelete = useCallback(
-    id => {
+    (id) => {
       onDelete(id);
     },
     [onDelete],
   );
 
-  const completedItems = items.filter(item => item.isCompleted);
+  const completedItems = items.filter((item) => item.isCompleted);
 
   return (
     <>
@@ -39,13 +39,13 @@ const Tasks = React.memo(({ items, onCreate, onUpdate, onDelete }) => {
           className={styles.progress}
         />
       )}
-      {items.map(item => (
+      {items.map((item) => (
         <Item
           key={item.id}
           name={item.name}
           isCompleted={item.isCompleted}
           isPersisted={item.isPersisted}
-          onUpdate={data => handleUpdate(item.id, data)}
+          onUpdate={(data) => handleUpdate(item.id, data)}
           onDelete={() => handleDelete(item.id)}
         />
       ))}

client/src/components/EditDueDateStep/EditDueDateStep.jsx

@@ -47,8 +47,8 @@ const EditDueDateStep = React.memo(({ defaultValue, onUpdate, onBack, onClose })
   }, [data.date, t]);
 
   const handleDatePickerChange = useCallback(
-    date => {
+    (date) => {
-      setData(prevData => ({
+      setData((prevData) => ({
         ...prevData,
         date: t('format:date', {
           postProcess: 'formatDate',

client/src/components/EditTimerStep/EditTimerStep.jsx

@@ -11,7 +11,7 @@ import { createTimer, getTimerParts, startTimer, stopTimer, updateTimer } from '
 
 import styles from './EditTimerStep.module.css';
 
-const createData = timer => {
+const createData = (timer) => {
   if (!timer) {
     return {
       hours: '0',

client/src/components/Header/NotificationsPopup.jsx

@@ -16,7 +16,7 @@ const NotificationsStep = React.memo(({ items, onDelete, onClose }) => {
   const [t] = useTranslation();
 
   const handleDelete = useCallback(
-    id => {
+    (id) => {
       onDelete(id);
     },
     [onDelete],
@@ -77,7 +77,7 @@ const NotificationsStep = React.memo(({ items, onDelete, onClose }) => {
       <Popup.Header>{t('common.notifications')}</Popup.Header>
       <Popup.Content>
         {items.length > 0
-          ? items.map(item => (
+          ? items.map((item) => (
               <div key={item.id} className={styles.wrapper}>
                 {item.card && item.action ? (
                   <>

client/src/components/LabelsStep/LabelsStep.jsx

@@ -27,7 +27,7 @@ const LabelsStep = React.memo(
     }, [openStep]);
 
     const handleEdit = useCallback(
-      id => {
+      (id) => {
         openStep(StepTypes.EDIT, {
           id,
         });
@@ -36,14 +36,14 @@ const LabelsStep = React.memo(
     );
 
     const handleSelect = useCallback(
-      id => {
+      (id) => {
         onSelect(id);
       },
       [onSelect],
     );
 
     const handleDeselect = useCallback(
-      id => {
+      (id) => {
         onDeselect(id);
       },
       [onDeselect],
@@ -57,7 +57,7 @@ const LabelsStep = React.memo(
     );
 
     const handleDelete = useCallback(
-      id => {
+      (id) => {
         onDelete(id);
       },
       [onDelete],
@@ -68,13 +68,13 @@ const LabelsStep = React.memo(
         case StepTypes.ADD:
           return <AddStep onCreate={onCreate} onBack={handleBack} />;
         case StepTypes.EDIT: {
-          const currentItem = items.find(item => item.id === step.params.id);
+          const currentItem = items.find((item) => item.id === step.params.id);
 
           if (currentItem) {
             return (
               <EditStep
                 defaultData={pick(currentItem, ['name', 'color'])}
-                onUpdate={data => handleUpdate(currentItem.id, data)}
+                onUpdate={(data) => handleUpdate(currentItem.id, data)}
                 onDelete={() => handleDelete(currentItem.id)}
                 onBack={handleBack}
               />
@@ -93,7 +93,7 @@ const LabelsStep = React.memo(
       <>
         <Popup.Header onBack={onBack}>{t(title)}</Popup.Header>
         <Popup.Content>
-          {items.map(item => (
+          {items.map((item) => (
             <Item
               key={item.id}
               name={item.name}

client/src/components/List/AddCard.jsx

@@ -60,7 +60,7 @@ const AddCard = React.forwardRef(({ children, onCreate }, ref) => {
   }, [open]);
 
   const handleFieldKeyDown = useCallback(
-    event => {
+    (event) => {
       switch (event.key) {
         case 'Enter':
           event.preventDefault();

client/src/components/List/EditName.jsx

@@ -42,12 +42,12 @@ const EditName = React.forwardRef(({ children, defaultValue, onUpdate }, ref) =>
     [open, close],
   );
 
-  const handleFieldClick = useCallback(event => {
+  const handleFieldClick = useCallback((event) => {
     event.stopPropagation();
   }, []);
 
   const handleFieldKeyDown = useCallback(
-    event => {
+    (event) => {
       switch (event.key) {
         case 'Enter':
           event.preventDefault();

client/src/components/List/List.jsx

@@ -28,7 +28,7 @@ const List = React.memo(
     }, [isPersisted]);
 
     const handleNameUpdate = useCallback(
-      newName => {
+      (newName) => {
         onUpdate({
           name: newName,
         });

client/src/components/Login/Login.jsx

@@ -11,7 +11,7 @@ import { useForm } from '../../hooks';
 
 import styles from './Login.module.css';
 
-const createMessage = error => {
+const createMessage = (error) => {
   if (!error) {
     return error;
   }
@@ -93,7 +93,7 @@ const Login = React.memo(
 
             break;
           case 'Password is not valid':
-            setData(prevData => ({
+            setData((prevData) => ({
               ...prevData,
               password: '',
             }));

client/src/components/Project/AddMembershipPopup/AddMembershipPopup.jsx

@@ -12,7 +12,7 @@ const AddMembershipStep = React.memo(({ users, currentUserIds, onCreate, onClose
   const [t] = useTranslation();
 
   const handleUserSelect = useCallback(
-    id => {
+    (id) => {
       onCreate({
         userId: id,
       });
@@ -31,7 +31,7 @@ const AddMembershipStep = React.memo(({ users, currentUserIds, onCreate, onClose
       </Popup.Header>
       <Popup.Content>
         <div className={styles.menu}>
-          {users.map(user => (
+          {users.map((user) => (
             <UserItem
               key={user.id}
               name={user.name}

client/src/components/Project/Project.jsx

@@ -22,7 +22,7 @@ const Project = React.memo(
     onMembershipDelete,
   }) => {
     const handleMembershipDelete = useCallback(
-      id => {
+      (id) => {
         onMembershipDelete(id);
       },
       [onMembershipDelete],
@@ -47,7 +47,7 @@ const Project = React.memo(
                 <span className={styles.name}>{name}</span>
               )}
               <span className={styles.users}>
-                {memberships.map(membership => (
+                {memberships.map((membership) => (
                   <span key={membership.id} className={styles.user}>
                     <EditMembershipPopup
                       user={membership.user}
@@ -67,7 +67,7 @@ const Project = React.memo(
               {isEditable && (
                 <AddMembershipPopup
                   users={allUsers}
-                  currentUserIds={memberships.map(membership => membership.user.id)}
+                  currentUserIds={memberships.map((membership) => membership.user.id)}
                   onCreate={onMembershipCreate}
                 >
                   <Button icon="add user" className={styles.addUser} />

client/src/components/ProjectMembershipsStep/ProjectMembershipsStep.jsx

@@ -13,14 +13,14 @@ const ProjectMembershipsStep = React.memo(
     const [t] = useTranslation();
 
     const handleUserSelect = useCallback(
-      id => {
+      (id) => {
         onUserSelect(id);
       },
       [onUserSelect],
     );
 
     const handleUserDeselect = useCallback(
-      id => {
+      (id) => {
         onUserDeselect(id);
       },
       [onUserDeselect],
@@ -31,7 +31,7 @@ const ProjectMembershipsStep = React.memo(
         <Popup.Header onBack={onBack}>{t(title)}</Popup.Header>
         <Popup.Content>
           <Menu secondary vertical className={styles.menu}>
-            {items.map(item => (
+            {items.map((item) => (
               <Item
                 key={item.id}
                 isPersisted={item.isPersisted}

client/src/components/Projects/Projects.jsx

@@ -19,7 +19,7 @@ const Projects = React.memo(({ items, currentId, isEditable, onAdd }) => {
     return (
       <Container className={styles.cardsWrapper}>
         <Grid className={styles.gridFix}>
-          {items.map(item => (
+          {items.map((item) => (
             <Grid.Column key={item.id} mobile={8} computer={4}>
               <Link
                 to={

client/src/components/User/User.jsx

@@ -55,7 +55,7 @@ const COLORS = [
   '#2c3e50', // Midnight blue
 ];
 
-const getColor = name => {
+const getColor = (name) => {
   let sum = 0;
   for (let i = 0; i < name.length; i += 1) {
     sum += name.charCodeAt(i);

client/src/components/UserPopup/EditEmailStep.jsx

@@ -10,7 +10,7 @@ import { useForm } from '../../hooks';
 
 import styles from './EditNameStep.module.css';
 
-const createMessage = error => {
+const createMessage = (error) => {
   if (!error) {
     return error;
   }
@@ -88,7 +88,7 @@ const EditEmailStep = React.memo(
 
               break;
             case 'Current password is not valid':
-              setData(prevData => ({
+              setData((prevData) => ({
                 ...prevData,
                 currentPassword: '',
               }));

client/src/components/UserPopup/EditPasswordStep.jsx

@@ -9,7 +9,7 @@ import { useForm } from '../../hooks';
 
 import styles from './EditNameStep.module.css';
 
-const createMessage = error => {
+const createMessage = (error) => {
   if (!error) {
     return error;
   }
@@ -68,7 +68,7 @@ const EditPasswordStep = React.memo(
         if (!error) {
           onClose();
         } else if (error.message === 'Current password is not valid') {
-          setData(prevData => ({
+          setData((prevData) => ({
             ...prevData,
             currentPassword: '',
           }));

client/src/components/UserPopup/UserPopup.jsx

@@ -57,7 +57,7 @@ const UserStep = React.memo(
     }, [openStep]);
 
     const handleNameUpdate = useCallback(
-      newName => {
+      (newName) => {
         onUpdate({
           name: newName,
         });

client/src/components/UsersModal/UsersModal.jsx

@@ -17,7 +17,7 @@ const UsersModal = React.memo(({ items, onUpdate, onDelete, onClose }) => {
   );
 
   const handleDelete = useCallback(
-    id => {
+    (id) => {
       onDelete(id);
     },
     [onDelete],
@@ -41,13 +41,13 @@ const UsersModal = React.memo(({ items, onUpdate, onDelete, onClose }) => {
             </Table.Row>
           </Table.Header>
           <Table.Body>
-            {items.map(item => (
+            {items.map((item) => (
               <Item
                 key={item.id}
                 name={item.name}
                 email={item.email}
                 isAdmin={item.isAdmin}
-                onUpdate={data => handleUpdate(item.id, data)}
+                onUpdate={(data) => handleUpdate(item.id, data)}
                 onDelete={() => handleDelete(item.id)}
               />
             ))}

client/src/constants/LabelColors.js

@@ -13,7 +13,7 @@ const PAIRS = [
   ['black', '#355263'],
 ];
 
-const KEYS = PAIRS.map(pair => pair[0]);
+const KEYS = PAIRS.map((pair) => pair[0]);
 
 const MAP = fromPairs(PAIRS);
 

client/src/containers/AddProjectModalContainer.js

@@ -9,7 +9,7 @@ const mapStateToProps = ({ projectCreateForm: { data: defaultData, isSubmitting
   isSubmitting,
 });
 
-const mapDispatchToProps = dispatch =>
+const mapDispatchToProps = (dispatch) =>
   bindActionCreators(
     {
       onCreate: createProject,

client/src/containers/AddUserPopupContainer.js

@@ -10,7 +10,7 @@ const mapStateToProps = ({ userCreateForm: { data: defaultData, isSubmitting, er
   error,
 });
 
-const mapDispatchToProps = dispatch =>
+const mapDispatchToProps = (dispatch) =>
   bindActionCreators(
     {
       onCreate: createUser,

client/src/containers/AppContainer.js

@@ -4,7 +4,7 @@ import { currentModalSelector } from '../selectors';
 import ModalTypes from '../constants/ModalTypes';
 import App from '../components/App';
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
   const currentModal = currentModalSelector(state);
 
   return {

client/src/containers/AppWrapperContainer.js

@@ -3,7 +3,7 @@ import { connect } from 'react-redux';
 import { isAppInitializingSelector } from '../selectors';
 import AppWrapper from '../components/AppWrapper';
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
   const isAppInitializing = isAppInitializingSelector(state);
 
   return {

client/src/containers/BoardContainer.js

@@ -23,7 +23,7 @@ import {
 } from '../actions/entry';
 import Board from '../components/Board';
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
   const { cardId } = pathSelector(state);
   const allProjectMemberships = membershipsForCurrentProjectSelector(state);
   const listIds = listIdsForCurrentBoardSelector(state);
@@ -41,7 +41,7 @@ const mapStateToProps = state => {
   };
 };
 
-const mapDispatchToProps = dispatch =>
+const mapDispatchToProps = (dispatch) =>
   bindActionCreators(
     {
       onListCreate: createListInCurrentBoard,

client/src/containers/BoardWrapperContainer.js

@@ -3,7 +3,7 @@ import { connect } from 'react-redux';
 import { currentBoardSelector } from '../selectors';
 import BoardWrapper from '../components/BoardWrapper';
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
   const { isFetching } = currentBoardSelector(state);
 
   return {

client/src/containers/BoardsContainer.js

@@ -5,7 +5,7 @@ import { boardsForCurrentProjectSelector, currentUserSelector, pathSelector } fr
 import { createBoardInCurrentProject, deleteBoard, moveBoard, updateBoard } from '../actions/entry';
 import Boards from '../components/Boards';
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
   const { boardId } = pathSelector(state);
   const { isAdmin } = currentUserSelector(state);
   const boards = boardsForCurrentProjectSelector(state);
@@ -17,7 +17,7 @@ const mapStateToProps = state => {
   };
 };
 
-const mapDispatchToProps = dispatch =>
+const mapDispatchToProps = (dispatch) =>
   bindActionCreators(
     {
       onCreate: createBoardInCurrentProject,

client/src/containers/CardContainer.js

@@ -61,15 +61,15 @@ const makeMapStateToProps = () => {
 const mapDispatchToProps = (dispatch, { id }) =>
   bindActionCreators(
     {
-      onUpdate: data => updateCard(id, data),
+      onUpdate: (data) => updateCard(id, data),
       onDelete: () => deleteCard(id),
-      onUserAdd: userId => addUserToCard(userId, id),
+      onUserAdd: (userId) => addUserToCard(userId, id),
-      onUserRemove: userId => removeUserFromCard(userId, id),
+      onUserRemove: (userId) => removeUserFromCard(userId, id),
-      onLabelAdd: labelId => addLabelToCard(labelId, id),
+      onLabelAdd: (labelId) => addLabelToCard(labelId, id),
-      onLabelRemove: labelId => removeLabelFromCard(labelId, id),
+      onLabelRemove: (labelId) => removeLabelFromCard(labelId, id),
-      onLabelCreate: data => createLabelInCurrentBoard(data),
+      onLabelCreate: (data) => createLabelInCurrentBoard(data),
       onLabelUpdate: (labelId, data) => updateLabel(labelId, data),
-      onLabelDelete: labelId => deleteLabel(labelId),
+      onLabelDelete: (labelId) => deleteLabel(labelId),
     },
     dispatch,
   );

client/src/containers/CardModalContainer.js

@@ -34,7 +34,7 @@ import {
 import Paths from '../constants/Paths';
 import CardModal from '../components/CardModal';
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
   const { isAdmin } = currentUserSelector(state);
   const allProjectMemberships = membershipsForCurrentProjectSelector(state);
   const allLabels = labelsForCurrentBoardSelector(state);
@@ -74,7 +74,7 @@ const mapStateToProps = state => {
   };
 };
 
-const mapDispatchToProps = dispatch =>
+const mapDispatchToProps = (dispatch) =>
   bindActionCreators(
     {
       onUpdate: updateCurrentCard,

client/src/containers/HeaderContainer.js

@@ -15,7 +15,7 @@ import {
 } from '../actions/entry';
 import Header from '../components/Header';
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
   const currentUser = currentUserSelector(state);
   const notifications = notificationsForCurrentUserSelector(state);
 
@@ -26,7 +26,7 @@ const mapStateToProps = state => {
   };
 };
 
-const mapDispatchToProps = dispatch =>
+const mapDispatchToProps = (dispatch) =>
   bindActionCreators(
     {
       onUsers: openUsersModal, // TODO: rename

client/src/containers/ListContainer.js

@@ -26,9 +26,9 @@ const makeMapStateToProps = () => {
 const mapDispatchToProps = (dispatch, { id }) =>
   bindActionCreators(
     {
-      onUpdate: data => updateList(id, data),
+      onUpdate: (data) => updateList(id, data),
       onDelete: () => deleteList(id),
-      onCardCreate: data => createCard(id, data),
+      onCardCreate: (data) => createCard(id, data),
     },
     dispatch,
   );

client/src/containers/LoginContainer.js

@@ -10,7 +10,7 @@ const mapStateToProps = ({ authenticateForm: { data: defaultData, isSubmitting,
   error,
 });
 
-const mapDispatchToProps = dispatch =>
+const mapDispatchToProps = (dispatch) =>
   bindActionCreators(
     {
       onAuthenticate: authenticate,

client/src/containers/ProjectContainer.js

@@ -15,7 +15,7 @@ import {
 } from '../actions/entry';
 import Project from '../components/Project';
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
   const allUsers = allUsersSelector(state);
   const { isAdmin } = currentUserSelector(state);
   const { name } = currentProjectSelector(state);
@@ -29,7 +29,7 @@ const mapStateToProps = state => {
   };
 };
 
-const mapDispatchToProps = dispatch =>
+const mapDispatchToProps = (dispatch) =>
   bindActionCreators(
     {
       onUpdate: updateCurrentProject,

client/src/containers/ProjectWrapperContainer.js

@@ -3,7 +3,7 @@ import { connect } from 'react-redux';
 import { pathSelector } from '../selectors';
 import ProjectWrapper from '../components/ProjectWrapper';
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
   const { cardId, boardId, projectId } = pathSelector(state);
 
   return {

client/src/containers/ProjectsContainer.js

@@ -5,7 +5,7 @@ import { currentUserSelector, pathSelector, projectsForCurrentUserSelector } fro
 import { openAddProjectModal } from '../actions/entry';
 import Projects from '../components/Projects';
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
   const { projectId } = pathSelector(state);
   const { isAdmin } = currentUserSelector(state);
   const projects = projectsForCurrentUserSelector(state);
@@ -17,7 +17,7 @@ const mapStateToProps = state => {
   };
 };
 
-const mapDispatchToProps = dispatch =>
+const mapDispatchToProps = (dispatch) =>
   bindActionCreators(
     {
       onAdd: openAddProjectModal,

client/src/containers/UsersModalContainer.js

@@ -5,7 +5,7 @@ import { allUsersExceptCurrentSelector } from '../selectors';
 import { closeModal, deleteUser, updateUser } from '../actions/entry';
 import UsersModal from '../components/UsersModal';
 
-const mapStateToProps = state => {
+const mapStateToProps = (state) => {
   const items = allUsersExceptCurrentSelector(state);
 
   return {
@@ -13,7 +13,7 @@ const mapStateToProps = state => {
   };
 };
 
-const mapDispatchToProps = dispatch =>
+const mapDispatchToProps = (dispatch) =>
   bindActionCreators(
     {
       onUpdate: updateUser,

client/src/hooks/use-field.js

@@ -1,6 +1,6 @@
 import { useCallback, useState } from 'react';
 
-export default initialValue => {
+export default (initialValue) => {
   const [value, setValue] = useState(initialValue);
 
   const handleChange = useCallback((_, { value: nextValue }) => {

client/src/hooks/use-form.js

@@ -1,10 +1,10 @@
 import { useCallback, useState } from 'react';
 
-export default initialData => {
+export default (initialData) => {
   const [data, setData] = useState(initialData);
 
   const handleFieldChange = useCallback((_, { name: fieldName, value }) => {
-    setData(prevData => ({
+    setData((prevData) => ({
       ...prevData,
       [fieldName]: value,
     }));

client/src/i18n.js

@@ -75,11 +75,11 @@ i18n
     debug: process.env.NODE_ENV !== 'production',
   });
 
-i18n.loadAppLocale = language =>
+i18n.loadAppLocale = (language) =>
-  import(`./locales/${language}/app`).then(module => {
+  import(`./locales/${language}/app`).then((module) => {
     const locale = module.default;
 
-    Object.keys(locale).forEach(namespace => {
+    Object.keys(locale).forEach((namespace) => {
       if (namespace === 'dateFns') {
         i18n.dateFns.addLocale(language, locale[namespace]);
       } else {
@@ -90,7 +90,7 @@ i18n.loadAppLocale = language =>
 
 setDefaultLocale(i18n.language);
 
-i18n.on('languageChanged', language => {
+i18n.on('languageChanged', (language) => {
   setDefaultLocale(language);
 });
 

client/src/lib/custom-ui/components/DragScroller/DragScroller.jsx

@@ -6,7 +6,7 @@ const DragScroller = React.memo(({ children, ...props }) => {
   const prevPosition = useRef(null);
 
   const handleMouseDown = useCallback(
-    event => {
+    (event) => {
       if (event.target !== wrapper.current && !event.target.dataset.dragScroller) {
         return;
       }
@@ -17,7 +17,7 @@ const DragScroller = React.memo(({ children, ...props }) => {
   );
 
   const handleWindowMouseMove = useCallback(
-    event => {
+    (event) => {
       if (!prevPosition.current) {
         return;
       }

client/src/lib/custom-ui/components/Markdown/Markdown.jsx

@@ -3,7 +3,7 @@ import PropTypes from 'prop-types';
 import ReactMarkdown from 'react-markdown';
 
 const Markdown = React.memo(({ linkStopPropagation, ...props }) => {
-  const handleLinkClick = useCallback(event => {
+  const handleLinkClick = useCallback((event) => {
     event.stopPropagation();
   }, []);
 
@@ -12,7 +12,7 @@ const Markdown = React.memo(({ linkStopPropagation, ...props }) => {
                       jsx-a11y/click-events-have-key-events,
                       jsx-a11y/no-static-element-interactions,
                       react/jsx-props-no-spreading */
-    linkProps => <a {...linkProps} onClick={handleLinkClick} />,
+    (linkProps) => <a {...linkProps} onClick={handleLinkClick} />,
     /* eslint-enable jsx-a11y/anchor-has-content,
                      jsx-a11y/click-events-have-key-events,
                      jsx-a11y/no-static-element-interactions,

client/src/lib/hooks/use-previous.js

@@ -1,6 +1,6 @@
 import { useEffect, useRef } from 'react';
 
-export default value => {
+export default (value) => {
   const prevValue = useRef();
 
   useEffect(() => {