🚧 re-focus on date range changes

Author: victorlin

src/components/tree/reactD3Interface/change.js

@@ -9,7 +9,10 @@ export const changePhyloTreeViaPropsComparison = (mainTree, phylotree, oldProps,
 
   /* zoom to a clade / reset zoom to entire tree */
   const zoomChange = oldTreeRedux.idxOfInViewRootNode !== newTreeRedux.idxOfInViewRootNode;
-  
+
+  const dateRangeChange = oldProps.dateMinNumeric !== newProps.dateMinNumeric ||
+                          oldProps.dateMaxNumeric !== newProps.dateMaxNumeric;
+
   const filterChange = oldTreeRedux.filters !== newTreeRedux.filters;
 
   /* do any properties on the tree object need to be updated?
@@ -60,7 +63,7 @@ export const changePhyloTreeViaPropsComparison = (mainTree, phylotree, oldProps,
     args.updateLayout = true;
   }
   /* re-focus on changes */
-  else if (oldProps.focus && (zoomChange || filterChange)) {
+  else if (oldProps.focus && (zoomChange || dateRangeChange || filterChange)) {
     args.newFocus = true;
     args.updateLayout = true;
   }