From e54b28b858e0fec0aef9dc3971e63d3ae3cbc4d0 Mon Sep 17 00:00:00 2001 From: leifu Date: Mon, 31 Jul 2023 11:49:47 +0300 Subject: [PATCH] Fixed the infinite loading of the live trade history --- packages/app/src/components/Table/Table.tsx | 6 +++++- .../sections/futures/TradingHistory/TradesHistoryTable.tsx | 2 +- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/packages/app/src/components/Table/Table.tsx b/packages/app/src/components/Table/Table.tsx index 2eed7e5bc9..3326f852dc 100644 --- a/packages/app/src/components/Table/Table.tsx +++ b/packages/app/src/components/Table/Table.tsx @@ -7,7 +7,7 @@ import { getSortedRowModel, } from '@tanstack/react-table' import type { ColumnDef, Row, SortingState, VisibilityState } from '@tanstack/react-table' -import React, { DependencyList, FC, useCallback, useMemo, useRef, useState } from 'react' +import React, { DependencyList, FC, useCallback, useEffect, useMemo, useRef, useState } from 'react' import styled, { css } from 'styled-components' import { genericMemo } from 'types/helpers' @@ -141,6 +141,10 @@ const Table = ({ [onTableRowClick] ) + useEffect(() => { + lastRef(defaultRef.current) + }, [lastRef, defaultRef, data.length]) + return ( <> diff --git a/packages/app/src/sections/futures/TradingHistory/TradesHistoryTable.tsx b/packages/app/src/sections/futures/TradingHistory/TradesHistoryTable.tsx index ca9800bc0e..dc0961bded 100644 --- a/packages/app/src/sections/futures/TradingHistory/TradesHistoryTable.tsx +++ b/packages/app/src/sections/futures/TradingHistory/TradesHistoryTable.tsx @@ -201,7 +201,7 @@ const TableAlignment = css` const StyledTable = styled(Table)` border: none; - height: 100%; + overflow-y: auto; .table-row, .table-body-row {