Enable SSR on all pages

src/containers/GroupsNameContainer/GroupsNameContainer.js

@@ -12,17 +12,17 @@ import GroupsName, {
 
 class GroupsNameContainer extends Component {
   componentWillMount() {
-    GroupsNameContainer.loadData(this.props);
+    this.props.loadAsync();
   }
 
   componentWillReceiveProps(newProps) {
     if (this.props.groupId !== newProps.groupId) {
-      GroupsNameContainer.loadData(newProps);
+      newProps.loadAsync();
     }
   }
 
-  static loadData = ({ loadGroupIfNeeded }) => {
-    loadGroupIfNeeded();
+  static loadAsync = ({ groupId }, dispatch) => {
+    dispatch(fetchPublicGroupIfNeeded(groupId));
   };
 
   render() {
@@ -38,14 +38,15 @@ class GroupsNameContainer extends Component {
 GroupsNameContainer.propTypes = {
   groupId: PropTypes.string.isRequired,
   group: ImmutablePropTypes.map,
-  noLink: PropTypes.bool
+  noLink: PropTypes.bool,
+  loadAsync: PropTypes.func.isRequired
 };
 
 export default connect(
   (state, { groupId }) => ({
     group: publicGroupSelector(groupId)(state)
   }),
   (dispatch, { groupId }) => ({
-    loadGroupIfNeeded: () => dispatch(fetchPublicGroupIfNeeded(groupId))
+    loadAsync: () => GroupsNameContainer.loadAsync({ groupId }, dispatch)
   })
 )(GroupsNameContainer);

src/containers/LicencesTableContainer/LicencesTableContainer.js

@@ -9,8 +9,6 @@ import LicencesTable from '../../components/Instances/LicencesTable';
 import { fetchInstanceLincences } from '../../redux/modules/licences';
 import { getLicencesOfInstance } from '../../redux/selectors/licences';
 
-import { clientOnly } from '../../helpers/clientOnly';
-
 class LicencesTableContainer extends Component {
   static loadAsync = ({ instanceId }, dispatch) =>
     dispatch(fetchInstanceLincences(instanceId));
@@ -44,8 +42,6 @@ export default connect(
   }),
   (dispatch, { instance }) => ({
     loadAsync: () =>
-      clientOnly(() =>
-        LicencesTableContainer.loadAsync({ instanceId: instance.id }, dispatch)
-      )
+      LicencesTableContainer.loadAsync({ instanceId: instance.id }, dispatch)
   })
 )(LicencesTableContainer);

src/containers/UsersNameContainer/UsersNameContainer.js

@@ -11,20 +11,19 @@ import UsersName, {
   LoadingUsersName,
   FailedUsersName
 } from '../../components/Users/UsersName';
-import { clientOnly } from '../../helpers/clientOnly';
 
 class UsersNameContainer extends Component {
   componentWillMount() {
-    this.props.loadData();
+    this.props.loadAsync();
   }
 
   componentWillReceiveProps(newProps) {
     if (this.props.userId !== newProps.userId) {
-      newProps.loadData();
+      newProps.loadAsync();
     }
   }
 
-  static loadData = (userId, dispatch) => {
+  static loadAsync = ({ userId }, dispatch) => {
     dispatch(fetchProfileIfNeeded(userId));
   };
 
@@ -56,7 +55,7 @@ UsersNameContainer.propTypes = {
   large: PropTypes.bool,
   user: ImmutablePropTypes.map,
   noLink: PropTypes.bool,
-  loadData: PropTypes.func.isRequired
+  loadAsync: PropTypes.func.isRequired
 };
 
 export default connect(
@@ -66,7 +65,6 @@ export default connect(
   }),
   (dispatch, { userId }) => ({
     loadProfileIfNeeded: () => dispatch(fetchProfileIfNeeded(userId)),
-    loadData: () =>
-      clientOnly(() => UsersNameContainer.loadData(userId, dispatch))
+    loadAsync: () => UsersNameContainer.loadAsync({ userId }, dispatch)
   })
 )(UsersNameContainer);

src/pages/Exercise/Exercise.js

@@ -55,7 +55,6 @@ import { exercisePipelinesSelector } from '../../redux/selectors/pipelines';
 import { loggedInUserIdSelector } from '../../redux/selectors/auth';
 import { supervisorOfSelector } from '../../redux/selectors/groups';
 
-import { clientOnly } from '../../helpers/clientOnly';
 import withLinks from '../../hoc/withLinks';
 import { getLocalizedName } from '../../helpers/getLocalizedData';
 
@@ -77,7 +76,7 @@ const messages = defineMessages({
 class Exercise extends Component {
   state = { forkId: null };
 
-  static loadAsync = (dispatch, exerciseId) =>
+  static loadAsync = ({ exerciseId }, dispatch) =>
     Promise.all([
       dispatch(fetchExerciseIfNeeded(exerciseId)),
       dispatch(fetchReferenceSolutionsIfNeeded(exerciseId)),
@@ -468,8 +467,7 @@ export default withLinks(
         };
       },
       (dispatch, { params: { exerciseId } }) => ({
-        loadAsync: () =>
-          clientOnly(() => Exercise.loadAsync(dispatch, exerciseId)),
+        loadAsync: () => Exercise.loadAsync({ exerciseId }, dispatch),
         assignExercise: groupId =>
           dispatch(assignExercise(groupId, exerciseId)),
         push: url => dispatch(push(url)),

src/pages/ReferenceSolution/ReferenceSolution.js

@@ -12,7 +12,6 @@ import { Row, Col, Button } from 'react-bootstrap';
 
 import withLinks from '../../hoc/withLinks';
 import Page from '../../components/layout/Page';
-import { clientOnly } from '../../helpers/clientOnly';
 
 import {
   fetchReferenceSolutionsIfNeeded,
@@ -212,8 +211,7 @@ export default withLinks(
         referenceSolutions: referenceSolutionsSelector(exerciseId)(state)
       }),
       (dispatch, { params }) => ({
-        loadAsync: () =>
-          clientOnly(() => ReferenceSolution.loadAsync(params, dispatch)),
+        loadAsync: () => ReferenceSolution.loadAsync(params, dispatch),
         refreshSolutionEvaluations: () => {
           dispatch(fetchReferenceSolutions(params.exerciseId));
         },

src/pages/ReferenceSolutionEvaluation/ReferenceSolutionEvaluation.js

@@ -11,7 +11,6 @@ import ImmutablePropTypes from 'react-immutable-proptypes';
 
 import withLinks from '../../hoc/withLinks';
 import Page from '../../components/layout/Page';
-import { clientOnly } from '../../helpers/clientOnly';
 
 import { fetchReferenceSolutionsIfNeeded } from '../../redux/modules/referenceSolutions';
 import { referenceSolutionsSelector } from '../../redux/selectors/referenceSolutions';
@@ -162,9 +161,7 @@ export default withLinks(
       }),
       (dispatch, { params }) => ({
         loadAsync: () =>
-          clientOnly(() =>
-            ReferenceSolutionEvaluation.loadAsync(params, dispatch)
-          ),
+          ReferenceSolutionEvaluation.loadAsync(params, dispatch),
         downloadEvaluationArchive: e => {
           e.preventDefault();
           dispatch(downloadEvaluationArchive(params.evaluationId));

src/pages/Submission/Submission.js

@@ -22,7 +22,6 @@ import {
   isSuperAdmin
 } from '../../redux/selectors/users';
 import { loggedInUserIdSelector } from '../../redux/selectors/auth';
-import { clientOnly } from '../../helpers/clientOnly';
 import { getLocalizedName } from '../../helpers/getLocalizedData';
 
 class Submission extends Component {
@@ -150,7 +149,7 @@ export default injectIntl(
         isSuperAdmin(loggedInUserIdSelector(state))(state)
     }),
     (dispatch, { params }) => ({
-      loadAsync: () => clientOnly(() => Submission.loadAsync(params, dispatch))
+      loadAsync: () => Submission.loadAsync(params, dispatch)
     })
   )(Submission)
 );

src/server.js

@@ -59,6 +59,7 @@ const renderWithoutSSR = (res, renderProps) => {
 };
 
 const renderPage = (res, store, renderProps) => {
+  let reduxState = serialize(store.getState(), { isJSON: true });
   let html = renderToString(
     <Provider store={store}>
       <RouterContext {...renderProps} />
@@ -69,7 +70,7 @@ const renderPage = (res, store, renderProps) => {
   res.render('index', {
     html,
     head,
-    reduxState: serialize(store.getState(), { isJSON: true }),
+    reduxState,
     bundle,
     style: '/style.css'
   });