Invert the list

Expensify · Aug 10, 2020 · cfc2829 · cfc2829
1 parent 22e3e88
commit cfc2829
Showing 1 changed file with 2 additions and 15 deletions.
diff --git a/src/page/HomePage/Report/ReportHistoryView.js b/src/page/HomePage/Report/ReportHistoryView.js
@@ -20,8 +20,6 @@ const propTypes = {
 class ReportHistoryView extends React.Component {
     constructor(props) {
         super(props);
-
-        this.scrollToBottom = _.debounce(this.scrollToBottom.bind(this), 500);
     }
 
     componentDidMount() {
@@ -60,18 +58,6 @@ class ReportHistoryView extends React.Component {
                 loaderParams: [this.props.reportID],
             }
         }, this);
-        this.scrollToBottom();
-    }
-
-    scrollToBottom() {
-        if (this.reportHistoryList) {
-            this.reportHistoryList.scrollToEnd({
-                animated: false,
-            });
-
-            // Scroll to the bottom again because sometimes it doesn't scroll all the way to the bottom the first time
-            // setTimeout(this.scrollToBottom, 250);
-        }
     }
 
     /**
@@ -113,10 +99,11 @@ class ReportHistoryView extends React.Component {
         return (
             <VirtualizedList
                 ref={el => this.reportHistoryList = el}
-                data={filteredHistory}
+                data={filteredHistory.reverse()}
                 getItemCount={() => filteredHistory.length}
                 getItem={(data, index) => filteredHistory[index]}
                 initialNumToRender="10"
+                inverted
                 renderItem={({index, item}) => (
                     <ReportHistoryItem
                         historyItem={item}