fix: AggregationPanel scroll position persists when using cache

Author: mtrezza

src/dashboard/Data/Browser/DataBrowser.react.js

@@ -132,6 +132,7 @@ export default class DataBrowser extends React.Component {
     this.setShowRowNumber = this.setShowRowNumber.bind(this);
     this.handleCellClick = this.handleCellClick.bind(this);
     this.saveOrderTimeout = null;
+    this.aggregationPanelRef = React.createRef();
   }
 
   componentWillReceiveProps(props) {
@@ -734,6 +735,9 @@ export default class DataBrowser extends React.Component {
     const { prefetchCache } = this.state;
     const { prefetchStale } = this.getPrefetchSettings();
     const cached = prefetchCache[objectId];
+    if (this.aggregationPanelRef.current) {
+      this.aggregationPanelRef.current.scrollTop = 0;
+    }
     if (
       cached &&
       (!prefetchStale || (Date.now() - cached.timestamp) / 1000 < prefetchStale)
@@ -902,7 +906,10 @@ export default class DataBrowser extends React.Component {
               resizeHandles={['w']}
               className={styles.resizablePanel}
             >
-              <div className={styles.aggregationPanelContainer}>
+              <div
+                className={styles.aggregationPanelContainer}
+                ref={this.aggregationPanelRef}
+              >
                 <AggregationPanel
                   data={this.props.AggregationPanelData}
                   isLoadingCloudFunction={this.props.isLoadingCloudFunction}