Sort log info to display the latest trade at the top

binary-com · mehrzad-fs · May 1, 2022 · Apr 25, 2022 · Apr 25, 2022 · Apr 26, 2022
commit ebac8c8eca2ff2f87fb03d4e41733ccd21d74455
diff --git a/src/botPage/view/LogTable.js b/src/botPage/view/LogTable.js
@@ -4,7 +4,7 @@ import PropTypes from 'prop-types';
 import ReactDataGrid from 'react-data-grid';
 import { observer as globalObserver } from '../../common/utils/observer';
 import { translate } from '../../common/i18n';
-import { appendRow, saveAs } from './shared';
+import { appendRowTop, saveAs } from './shared';
 
 const minHeight = 550;
 
@@ -53,7 +53,7 @@ export default class LogTable extends Component {
                 if (!Object.keys(log).length) {
                     return;
                 }
-                this.setState(appendRow(log, this.state));
+                this.setState(appendRowTop(log, this.state));
             }
         });
     }

diff --git a/src/botPage/view/shared.js b/src/botPage/view/shared.js
@@ -36,6 +36,17 @@ export const appendRow = (trade, state) => ({
     ],
 });
 
+export const appendRowTop = (trade, state) => ({
+    id  : state.id + 1,
+    rows: [
+        {
+            ...trade,
+            id: state.id + 1,
+        },
+        ...state.rows,
+    ],
+});
+
 export const updateRow = (prevRowIndex, trade, state) => ({
     id  : state.id,
     rows: [