status-im/nimbus-gui
2
0
Fork 0
mirror of https://github.com/status-im/nimbus-gui.git synced 2025-02-21 23:58:18 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update LogsTerminal.tsx

Browse Source
This commit is contained in:
Hristo Nedelkov 2023-11-28 12:18:58 +02:00
parent 920d70d230
commit 8c5397ac11
1 changed files with 10 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/pages/LogsPage/LogsTerminal.tsx
View File

@ -32,19 +32,12 @@ const fetchMoreData = () => {
const LogsTerminal = ({ windowWidth, timestamps }: LogsTerminalProps) => {
const [data, setData] = useState<DataType[]>([])
const [isScrolling, setIsScrolling] = useState(false)
const [loadedIndexes, setLoadedIndexes] = useState<{ [key: number]: boolean }>({})
const listRef = useRef<List | null>(null)
const [shouldAutoScroll, setShouldAutoScroll] = useState(true)
useEffect(() => {
const interval = setInterval(() => {
//addNewLog()
}, 3000)
return () => clearInterval(interval)
}, [isScrolling])
useEffect(() => {
if (shouldAutoScroll) {
@ -62,18 +55,16 @@ const LogsTerminal = ({ windowWidth, timestamps }: LogsTerminalProps) => {
const isItemLoaded = (index: number) => !!loadedIndexes[index]
const addNewLog = () => {
if (!isScrolling) {
const newLog: DataType = {
option: `--new-option-${data.length + 1}`,
description: `New log entry ${data.length + 1} ${Math.random()}`,
}
const newLog: DataType = {
option: `--new-option-${data.length + 1}`,
description: `New log entry ${data.length + 1} ${Math.random()}`,
}
const newIndex = data.length
setData(prevData => [...prevData, newLog])
setLoadedIndexes(prev => ({ ...prev, [newIndex]: true }))
if (shouldAutoScroll) {
listRef.current?.scrollToItem(data.length, 'end')
}
const newIndex = data.length
setData(prevData => [...prevData, newLog])
setLoadedIndexes(prev => ({ ...prev, [newIndex]: true }))
if (shouldAutoScroll) {
listRef.current?.scrollToItem(data.length, 'end')
}
}