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

change(ui) - pointer highlight

Browse source
This commit is contained in:
Shekar Siri 2021-12-27 21:19:10 +05:30
parent 9cc5542fc7
commit e620d28203
2 changed files with 14 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
frontend/app/components/Session_/Fetch/Fetch.js
View file

@ -2,19 +2,20 @@
import { getRE } from 'App/utils';
import { Label, NoContent, Input, SlideModal, CloseButton } from 'UI';
import { connectPlayer, pause, jump } from 'Player';
import Autoscroll from '../Autoscroll';
// import Autoscroll from '../Autoscroll';
import BottomBlock from '../BottomBlock';
import TimeTable from '../TimeTable';
import FetchDetails from './FetchDetails';
import { renderName, renderDuration } from '../Network';
import { connect } from 'react-redux';
import { setTimelinePointer } from 'Duck/sessions';
@connectPlayer(state => ({
list: state.fetchList,
}))
@connect(state => ({
timelinePointer: state.getIn(['sessions', 'timelinePointer']),
}))
}), { setTimelinePointer })
export default class Fetch extends React.PureComponent {
state = {
filter: "",
@ -43,27 +44,28 @@ export default class Fetch extends React.PureComponent {
onRowClick = (item, index) => {
pause()
this.setState({ current: item, currentIndex: index, showFetchDetails: true });
this.props.setTimelinePointer(null);
}
closeModal = () => this.setState({ current: null, showFetchDetails: false });
nextClickHander = () => {
const { list } = this.props;
const { currentIndex } = this.state;
// const { list } = this.props;
const { currentIndex, filteredList } = this.state;
if (currentIndex === list.length - 1) return;
if (currentIndex === filteredList.length - 1) return;
const newIndex = currentIndex + 1;
this.setCurrent(list[newIndex], newIndex);
this.setCurrent(filteredList[newIndex], newIndex);
this.setState({ showFetchDetails: true });
}
prevClickHander = () => {
const { list } = this.props;
const { currentIndex } = this.state;
// const { list } = this.props;
const { currentIndex, filteredList } = this.state;
if (currentIndex === 0) return;
const newIndex = currentIndex - 1;
this.setCurrent(list[newIndex], newIndex);
this.setCurrent(filteredList[newIndex], newIndex);
this.setState({ showFetchDetails: true });
}

4
frontend/app/components/Session_/Network/Network.js
View file

@ -6,6 +6,7 @@ import { TYPES } from 'Types/session/resource';
import stl from './network.css';
import NetworkContent from './NetworkContent';
import { connect } from 'react-redux';
import { setTimelinePointer } from 'Duck/sessions';
const ALL = 'ALL';
const XHR = 'xhr';
@ -83,7 +84,7 @@ export function renderDuration(r) {
}))
@connect(state => ({
timelinePointer: state.getIn(['sessions', 'timelinePointer']),
}))
}), { setTimelinePointer })
export default class Network extends React.PureComponent {
state = {
filter: '',
@ -96,6 +97,7 @@ export default class Network extends React.PureComponent {
pause();
jump(e.time);
this.setState({ currentIndex: index })
this.props.setTimelinePointer(null);
}
onTabClick = activeTab => this.setState({ activeTab })