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

change(ui) - timeline jump with delay

Browse source
This commit is contained in:
Shekar Siri 2022-04-19 11:21:19 +02:00
parent 0e3dc4352f
commit 55f0ff1ad5
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
frontend/app/components/Session_/Player/Controls/DraggableCircle.tsx
View file

@ -19,7 +19,7 @@ function getStyles(
// because IE will ignore our custom "empty image" drag preview.
opacity: isDragging ? 0 : 1,
height: isDragging ? 0 : '',
zIndex: '99999',
zIndex: '99',
cursor: 'move'
}
}

6
frontend/app/components/Session_/Player/Controls/Timeline.js
View file

@ -10,6 +10,7 @@ import { TYPES } from 'Types/session/event';
import { setTimelinePointer } from 'Duck/sessions';
import DraggableCircle from './DraggableCircle';
import CustomDragLayer from './CustomDragLayer';
import { debounce } from 'App/utils';
const getPointerIcon = (type) => {
// exception,
@ -52,6 +53,8 @@ const getPointerIcon = (type) => {
return 'info';
}
let deboucneJump = () => null;
@connectPlayer(state => ({
playing: state.playing,
time: state.time,
@ -95,6 +98,7 @@ export default class Timeline extends React.PureComponent {
componentDidMount() {
const { issues, skipToIssue } = this.props;
const firstIssue = issues.get(0);
deboucneJump = debounce(this.props.jump, 500);
if (firstIssue && skipToIssue) {
this.props.jump(firstIssue.time);
@ -112,7 +116,7 @@ export default class Timeline extends React.PureComponent {
const p = (offset.x - 60) / this.progressRef.current.offsetWidth;
const time = Math.max(Math.round(p * endTime), 0);
this.props.jump(time);
deboucneJump(time);
if (this.props.playing) {
this.wasPlaying = true;
this.props.pause();