fix(reports): update reviewers reports details when switching versions

packages/component-manuscript/src/components/ReviewsAndReports.js

@@ -3,6 +3,7 @@ import { th } from '@pubsweet/ui'
 import { head, get } from 'lodash'
 import { connect } from 'react-redux'
 import styled from 'styled-components'
+import { withRouter } from 'react-router-dom'
 import { compose, withHandlers, lifecycle, withProps } from 'recompose'
 import { ReviewerBreakdown } from 'pubsweet-components-faraday/src/components/Invitations'
 import ReviewersDetailsList from 'pubsweet-components-faraday/src/components/Reviewers/ReviewersDetailsList'
@@ -13,13 +14,13 @@ import {
   selectFetchingReviewers,
 } from 'pubsweet-components-faraday/src/redux/reviewers'
 import { selectReviewRecommendations } from 'pubsweet-components-faraday/src/redux/recommendations'
-
-import { Tabs, Expandable } from '../molecules'
-import { ReviewReportCard, ReviewerReportForm, ReviewReportsList } from './'
 import {
   canSeeReviewersReports,
   currentUserIsAuthor,
-} from '../../../component-faraday-selectors'
+} from 'pubsweet-component-faraday-selectors'
+
+import { Tabs, Expandable } from '../molecules'
+import { ReviewReportCard, ReviewerReportForm, ReviewReportsList } from './'
 
 const getTabSections = (collectionId, reviewers, recommendations = []) => [
   {
@@ -99,6 +100,7 @@ const ReviewsAndReports = ({
 )
 
 export default compose(
+  withRouter,
   connect(
     (state, { project, version }) => ({
       reviewers: selectReviewers(state),
@@ -135,6 +137,14 @@ export default compose(
       const { getReviewers, canSeeReviewersReports } = this.props
       canSeeReviewersReports && getReviewers()
     },
+    componentWillReceiveProps(nextProps) {
+      const { match, canSeeReviewersReports, getReviewers } = this.props
+      const version = get(match, 'params.version')
+      const nextVersion = get(nextProps, 'match.params.version')
+      if (version !== nextVersion) {
+        canSeeReviewersReports && getReviewers()
+      }
+    },
   }),
 )(ReviewsAndReports)