Fixed the infinite loading of the live trade history

Kwenta · Jul 31, 2023 · e54b28b · e54b28b
1 parent 39154b4
commit e54b28b
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git 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 = <T,>({
 		[onTableRowClick]
 	)
 
+	useEffect(() => {
+		lastRef(defaultRef.current)
+	}, [lastRef, defaultRef, data.length])
+
 	return (
 		<>
 			<TableContainer>

diff --git 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 {