github/kubeshark
1
0
Fork 0
mirror of https://github.com/kubeshark/kubeshark.git synced 2025-09-25 20:46:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

TRA-4477 FE holds limit of 10000 entries (#987)

Browse Source 
* FE holds limit of 10000 entries

* let to const
This commit is contained in:
lirazyehezkel
2022-04-11 15:04:42 +03:00
committed by GitHub
parent bb425fa6e2
commit 45611c4c13
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
ui-common/src/components/TrafficViewer/EntriesList.tsx
View File

@@ -55,7 +55,7 @@ export const EntriesList: React.FC<EntriesListProps> = ({
const [startTime, setStartTime] = useState(0); const [startTime, setStartTime] = useState(0);
const [truncatedTimestamp, setTruncatedTimestamp] = useState(0); const [truncatedTimestamp, setTruncatedTimestamp] = useState(0);
const leftOffBottom = entries.length > 0 ? entries[entries.length - 1].id : -1; const leftOffBottom = entries.length > 0 ? entries[entries.length - 1].id + 1 : -1;
useEffect(() => { useEffect(() => {
const list = document.getElementById('list').firstElementChild; const list = document.getElementById('list').firstElementChild;
@@ -98,6 +98,9 @@ export const EntriesList: React.FC<EntriesListProps> = ({
setIsLoadingTop(false); setIsLoadingTop(false);
const newEntries = [...data.data.reverse(), ...entries]; const newEntries = [...data.data.reverse(), ...entries];
if(newEntries.length > 10000) {
newEntries.splice(10000, newEntries.length - 10000)
}
setEntries(newEntries); setEntries(newEntries);
setQueriedTotal(data.meta.total); setQueriedTotal(data.meta.total);
@@ -126,9 +129,9 @@ export const EntriesList: React.FC<EntriesListProps> = ({
const entry = message.data; const entry = message.data;
if (!focusedEntryId) setFocusedEntryId(entry.id.toString()); if (!focusedEntryId) setFocusedEntryId(entry.id.toString());
const newEntries = [...entries, entry]; const newEntries = [...entries, entry];
if (newEntries.length === 10001) { if (newEntries.length > 10000) {
setLeftOffTop(newEntries[0].id); setLeftOffTop(newEntries[0].id);
newEntries.shift(); newEntries.splice(0, newEntries.length - 10000)
setNoMoreDataTop(false); setNoMoreDataTop(false);
} }
setEntries(newEntries); setEntries(newEntries);