chore: merge develop branch

.travis.yml

@@ -1,6 +1,7 @@
 language: node_js
 node_js:
-  - "node"
+  # Latest has a bug: https://github.com/facebook/create-react-app/issues/6591
+  - "11.10.1"
 
 # Caches node_modules for 3 minutes
 cache: npm

packages/client/package.json

@@ -26,20 +26,24 @@
     "@material-ui/core": "^3.9.2",
     "axios": "^0.18.0",
     "connected-react-router": "6.0.0",
+    "debounce": "^1.2.0",
     "http-proxy-middleware": "^0.19.1",
     "immutability-helper": "^3.0.0",
     "prop-types": "^15.7.2",
     "react": "^16.8.1",
     "react-dom": "^16.8.1",
     "react-full-screen": "^0.2.3",
-    "react-progressive-image": "0.6.0",
+    "react-masonry-component": "^6.2.1",
+    "react-progressive-image": "^0.6.0",
     "react-redux": "^6.0.0",
     "react-router": "4.3.1",
     "react-scripts": "^2.1.5",
     "react-window-size": "^1.2.2",
     "redux": "^4.0.1",
+    "redux-responsive": "^4.3.8",
     "redux-thunk": "2.3.0",
-    "reselect": "^4.0.0"
+    "reselect": "^4.0.0",
+    "why-did-you-update": "^1.0.6"
   },
   "devDependencies": {
     "axios-mock-adapter": "^1.16.0",

packages/client/src/App.js

@@ -15,14 +15,19 @@ import Routes from './routes';
 import * as userActions from './actions/user';
 import './App.css';
 
+/**
+ * Root application component.
+ *
+ * When it's first mounted, it attempts to authorize the user.
+ */
 export class App extends Component {
   static propTypes = {
     userAuthenticated: PropTypes.bool.isRequired,
-    fetchAuthUser: PropTypes.func.isRequired,
+    fetchUserAuth: PropTypes.func.isRequired,
   };
 
   componentDidMount() {
-    this.props.fetchAuthUser();
+    this.props.fetchUserAuth();
   }
 
   render() {
@@ -49,8 +54,8 @@ function mapStateToProps(state) {
 
 function mapDispatchToProps(dispatch) {
   return {
-    fetchAuthUser() {
-      dispatch(userActions.fetchAuthUser());
+    fetchUserAuth() {
+      dispatch(userActions.fetchUserAuth());
     },
   };
 }
@@ -59,14 +64,14 @@ function ConnectedApp(props) {
   const {
     history,
     userAuthenticated,
-    fetchAuthUser,
+    fetchUserAuth,
   } = props;
 
   return (
     <ConnectedRouter history={history}>
       <App
         userAuthenticated={userAuthenticated}
-        fetchAuthUser={fetchAuthUser}
+        fetchUserAuth={fetchUserAuth}
       />
     </ConnectedRouter>
   );
@@ -76,7 +81,7 @@ function ConnectedApp(props) {
 ConnectedApp.propTypes = {
   history: PropTypes.object.isRequired,
   userAuthenticated: PropTypes.bool.isRequired,
-  fetchAuthUser: PropTypes.func.isRequired,
+  fetchUserAuth: PropTypes.func.isRequired,
 };
 
 export default connect(

packages/client/src/__tests__/App.test.js

@@ -10,7 +10,7 @@ describe('App', () => {
       shallow(
         <App
           userAuthenticated={false}
-          fetchAuthUser={() => {}}
+          fetchUserAuth={() => {}}
         />, {
           context,
         },