Results table: re-render when filters have changed

src/client/components/Manuscripts.js

@@ -21,6 +21,7 @@ let Manuscripts = props => {
         render={routeProps =>
           <ResultTable
             rows={props.search.manuscripts}
+            facetFilters={props.facetFilters}
             fetchManuscripts={props.fetchManuscripts}
             fetchingManuscripts={props.search.fetchingManuscripts}
             resultCount={props.search.manuscriptCount}
@@ -67,6 +68,7 @@ let Manuscripts = props => {
 Manuscripts.propTypes = {
   map: PropTypes.object.isRequired,
   search: PropTypes.object.isRequired,
+  facetFilters: PropTypes.object.isRequired,
   fetchManuscripts: PropTypes.func.isRequired,
   fetchPlaces: PropTypes.func.isRequired,
   fetchPlace:  PropTypes.func.isRequired,

src/client/components/ResultTable.js

@@ -81,6 +81,12 @@ class ResultTable extends React.Component {
         search: `?page=${this.props.page}`,
       });
     }
+    if (prevProps.facetFilters != this.props.facetFilters) {
+      // console.log('filters updated')
+      this.props.updatePage(0);
+      this.props.fetchManuscripts();
+    }
+
   }
 
   idRenderer = id => {
@@ -298,6 +304,7 @@ class ResultTable extends React.Component {
 ResultTable.propTypes = {
   classes: PropTypes.object.isRequired,
   rows: PropTypes.array.isRequired,
+  facetFilters: PropTypes.object.isRequired,
   fetchManuscripts: PropTypes.func.isRequired,
   fetchingManuscripts: PropTypes.bool.isRequired,
   resultCount: PropTypes.number.isRequired,

src/client/containers/MapApp.js

@@ -107,6 +107,7 @@ let MapApp = (props) => {
                   <Manuscripts
                     map={props.map}
                     search={props.search}
+                    facetFilters={props.facet.facetFilters}
                     fetchManuscripts={props.fetchManuscripts}
                     fetchPlaces={props.fetchPlaces}
                     fetchPlace={props.fetchPlace}