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

refactor(ui/player): fix performance crash loop

Browse source
This commit is contained in:
sylenien 2022-11-25 16:36:24 +01:00
parent 80ebc26daa
commit 05c0352553
2 changed files with 13 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
frontend/app/components/Session/PlayerContent.js
View file

@ -7,6 +7,12 @@ import RightBlock from './RightBlock';
import { PlayerContext } from 'App/components/Session/playerContext';
import { observer } from 'mobx-react-lite';
const TABS = {
EVENTS: 'User Steps',
HEATMAPS: 'Click Map',
};
function PlayerContent({ session, live, fullscreen, activeTab, setActiveTab }) {
const { store } = React.useContext(PlayerContext)

9
frontend/app/components/Session_/Performance/Performance.tsx
View file

@ -179,6 +179,8 @@ function Performance({
userDeviceHeapSize: number;
}) {
const { player, store } = React.useContext(PlayerContext);
const [_timeTicks, setTicks] = React.useState<number[]>([])
const [_data, setData] = React.useState<any[]>([])
const {
performanceChartTime,
@ -188,8 +190,11 @@ function Performance({
performanceAvaliability: avaliability,
} = store.get();
const _timeTicks = generateTicks(performanceChartData);
const _data = addFpsMetadata(performanceChartData);
React.useState(() => {
setTicks(generateTicks(performanceChartData));
setData(addFpsMetadata(performanceChartData));
})
const onDotClick = ({ index: pointer }: { index: number }) => {
const point = _data[pointer];