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

change(ui): fix notes appearing

Browse source
This commit is contained in:
nick-delirium 2023-02-03 17:56:18 +01:00
parent fc2b0730a8
commit 5af952a931
2 changed files with 19 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
frontend/app/components/Session/Player/ReplayPlayer/EventsBlock/EventsBlock.tsx
View file

@ -20,7 +20,8 @@ interface IProps {
filteredEvents: InjectedEvent[]
setActiveTab: (tab?: string) => void
query: string
session: Session
events: Session['events']
notesWithEvents: Session['notesWithEvents']
filterOutNote: (id: string) => void
eventsIndex: number[]
}
@ -37,12 +38,16 @@ function EventsBlock(props: IProps) {
const { eventListNow, playing } = store.get()
const { session: { events, notesWithEvents }, filteredEvents,
const {
filteredEvents,
eventsIndex,
filterOutNote,
query,
setActiveTab,
events,
notesWithEvents,
} = props
const currentTimeEventIndex = eventListNow.length > 0 ? eventListNow.length - 1 : 0
const usedEvents = filteredEvents || notesWithEvents
@ -176,6 +181,8 @@ function EventsBlock(props: IProps) {
export default connect((state: RootStore) => ({
session: state.getIn([ 'sessions', 'current' ]),
notesWithEvents: state.getIn([ 'sessions', 'current' ]).notesWithEvents,
events: state.getIn([ 'sessions', 'current' ]).events,
filteredEvents: state.getIn([ 'sessions', 'filteredEvents' ]),
query: state.getIn(['sessions', 'eventsQuery']),
eventsIndex: state.getIn([ 'sessions', 'eventsIndex' ]),

13
frontend/app/components/Session_/EventsBlock/EventsBlock.tsx
View file

@ -20,7 +20,8 @@ interface IProps {
filteredEvents: InjectedEvent[]
setActiveTab: (tab?: string) => void
query: string
session: Session
events: Session['events']
notesWithEvents: Session['notesWithEvents']
filterOutNote: (id: string) => void
eventsIndex: number[]
}
@ -37,12 +38,16 @@ function EventsBlock(props: IProps) {
const { eventListNow, playing } = store.get()
const { session: { events, notesWithEvents }, filteredEvents,
const {
filteredEvents,
eventsIndex,
filterOutNote,
query,
setActiveTab,
events,
notesWithEvents,
} = props
const currentTimeEventIndex = eventListNow.length > 0 ? eventListNow.length - 1 : 0
const usedEvents = filteredEvents || notesWithEvents
@ -68,7 +73,7 @@ function EventsBlock(props: IProps) {
scroller.current.scrollToRow(0);
}, 100)
}
React.useEffect(() => {
return () => {
clearSearch()
@ -176,6 +181,8 @@ function EventsBlock(props: IProps) {
export default connect((state: RootStore) => ({
session: state.getIn([ 'sessions', 'current' ]),
notesWithEvents: state.getIn([ 'sessions', 'current' ]).notesWithEvents,
events: state.getIn([ 'sessions', 'current' ]).events,
filteredEvents: state.getIn([ 'sessions', 'filteredEvents' ]),
query: state.getIn(['sessions', 'eventsQuery']),
eventsIndex: state.getIn([ 'sessions', 'eventsIndex' ]),