Update dependencies

client/package.json

@@ -48,26 +48,26 @@
   "dependencies": {
     "classnames": "^2.2.6",
     "connected-react-router": "^6.8.0",
-    "date-fns": "^2.12.0",
+    "date-fns": "^2.14.0",
     "dequal": "^1.0.0",
     "history": "^4.10.1",
-    "i18next": "^19.4.4",
-    "i18next-browser-languagedetector": "^4.1.1",
+    "i18next": "^19.4.5",
+    "i18next-browser-languagedetector": "^4.2.0",
     "initials": "^3.0.1",
     "lodash": "^4.17.15",
     "prop-types": "^15.7.2",
     "react": "^16.13.1",
     "react-beautiful-dnd": "^13.0.0",
-    "react-datepicker": "^2.14.1",
+    "react-datepicker": "^2.16.0",
     "react-dom": "^16.13.1",
     "react-dropzone": "^11.0.1",
-    "react-i18next": "^11.4.0",
+    "react-i18next": "^11.5.0",
     "react-input-mask": "^2.0.4",
     "react-markdown": "^4.3.1",
     "react-redux": "^7.2.0",
-    "react-router-dom": "^5.1.2",
+    "react-router-dom": "^5.2.0",
     "react-scripts": "3.4.1",
-    "react-textarea-autosize": "^7.1.2",
+    "react-textarea-autosize": "^8.0.1",
     "redux": "^4.0.5",
     "redux-logger": "^3.0.6",
     "redux-orm": "^0.16.1",
@@ -86,8 +86,8 @@
     "eslint-plugin-import": "^2.20.2",
     "eslint-plugin-jsx-a11y": "^6.2.3",
     "eslint-plugin-prettier": "^3.1.3",
-    "eslint-plugin-react": "^7.19.0",
-    "eslint-plugin-react-hooks": "^4.0.0",
+    "eslint-plugin-react": "^7.20.0",
+    "eslint-plugin-react-hooks": "^4.0.2",
     "prettier": "2.0.5"
   }
 }

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

@@ -7,12 +7,7 @@ import User from '../../User';
 import styles from './UserItem.module.css';
 
 const UserItem = React.memo(({ name, avatarUrl, isActive, onSelect }) => (
-  <button
-    type="button"
-    disabled={isActive}
-    className={classNames(styles.menuItem, isActive && styles.menuItemActive)}
-    onClick={onSelect}
-  >
+  <button type="button" disabled={isActive} className={styles.menuItem} onClick={onSelect}>
     <span className={styles.user}>
       <User name={name} avatarUrl={avatarUrl} />
     </span>

client/src/components/Project/AddMembershipPopup/UserItem.module.css

@@ -1,5 +1,7 @@
 .menuItem {
+  background: transparent;
   border: none;
+  cursor: pointer;
   display: block;
   margin: 0;
   outline: 0;
@@ -12,15 +14,6 @@
   background: rgba(0, 0, 0, 0.05);
 }
 
-.menuItemActive {
-  background: transparent;
-  border-width: 0;
-}
-
-.menuItemActive:hover {
-  background: rgba(0, 0, 0, 0.05);
-}
-
 .menuItemText {
   display: inline-block;
   line-height: 32px;

client/src/i18n.js

@@ -31,6 +31,10 @@ i18n.dateFns = {
   },
 };
 
+i18n.on('languageChanged', (language) => {
+  setDefaultLocale(language);
+});
+
 const formatDatePostProcessor = {
   type: 'postProcessor',
   name: 'formatDate',
@@ -88,8 +92,4 @@ i18n.loadAppLocale = (language) =>
     });
   });
 
-i18n.on('languageChanged', (language) => {
-  setDefaultLocale(language);
-});
-
 export default i18n;