jan/openreplay
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix(player): fix virtualization

Browse source
This commit is contained in:
nick-delirium 2023-04-27 14:55:40 +02:00
parent f71f104fee
commit 5eac461564
2 changed files with 10 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
frontend/app/components/shared/DevTools/ConsolePanel/ConsolePanel.tsx
View file

@ -85,6 +85,12 @@ function ConsolePanel({ isLive }: { isLive: boolean }) {
let filteredList = useRegExListFilterMemo(list, l => l.value, filter)
filteredList = useTabListFilterMemo(filteredList, l => LEVEL_TAB[l.level], ALL, activeTab)
React.useEffect(() => {
setTimeout(() => {
cache.clearAll();
_list.current?.recomputeRowHeights();
}, 0)
}, [activeTab, filter])
const onTabClick = (activeTab: any) => devTools.update(INDEX_KEY, { activeTab })
const onFilterChange = ({ target: { value } }: any) => devTools.update(INDEX_KEY, { filter: value })
@ -104,7 +110,7 @@ function ConsolePanel({ isLive }: { isLive: boolean }) {
timeoutStartAutoscroll()
}
const _list = useRef(null); // TODO: fix react-virtualized types & encapsulate scrollToRow logic
const _list = useRef<List>(null); // TODO: fix react-virtualized types & encapsulate scrollToRow logic
useEffect(() => {
if (_list.current) {
// @ts-ignore

3
frontend/app/components/shared/DevTools/ConsoleRow/ConsoleRow.tsx
View file

@ -22,6 +22,9 @@ function ConsoleRow(props: Props) {
React.useEffect(() => {
recalcHeight?.();
}, [expanded])
React.useEffect(() => {
recalcHeight?.();
}, [])
const toggleExpand = () => {
setExpanded(!expanded);