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

fix(ui) - sessions events overlapping on filter

Browse source
This commit is contained in:
Shekar Siri 2021-08-13 22:51:14 +05:30
parent 5645732e61
commit ddedcf7172
2 changed files with 8 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/app/components/Session_/EventsBlock/EventGroupWrapper.js
View file

@ -17,7 +17,7 @@ class EventGroupWrapper extends React.PureComponent {
}
componentDidUpdate(prevProps) {
if (prevProps.showLoadInfo !== this.props.showLoadInfo) {
if (prevProps.showLoadInfo !== this.props.showLoadInfo || prevProps.query !== this.props.query) {
this.props.mesureHeight();
}
}

15
frontend/app/components/Session_/EventsBlock/EventsBlock.js
View file

@ -39,14 +39,11 @@ export default class EventsBlock extends React.PureComponent {
write = ({ target: { value, name } }) => {
const { filter } = this.state;
this.setState({ query: value })
this.props.setEventFilter({ query: value, filter })
this.props.setEventFilter({ query: value, filter })
setTimeout(() => {
this.scroller.current.scrollToRow(0);
this.scroller.current.recomputeGridSize();
this.scroller.current.recomputeRowHeights();
this.scroller.current.forceUpdateGrid();
}, 200)
this.scroller.current.scrollToRow(0);
}, 100)
}
clearSearch = () => {
@ -131,7 +128,8 @@ export default class EventsBlock extends React.PureComponent {
playing,
eventsIndex,
filteredEvents
} = this.props;
} = this.props;
const { query } = this.state;
const _events = filteredEvents || events;
const isLastEvent = index === _events.size - 1;
const isLastInGroup = isLastEvent || _events.get(index + 1).type === TYPES.LOCATION;
@ -148,7 +146,8 @@ export default class EventsBlock extends React.PureComponent {
>
{({measure, registerChild}) => (
<div style={style} ref={registerChild}>
<EventGroupWrapper
<EventGroupWrapper
query={query}
presentInSearch={eventsIndex.includes(index)}
isFirst={index==0}
mesureHeight={measure}