Elgato_dark/hyperdx
1
0
Fork 0
mirror of https://github.com/hyperdxio/hyperdx synced 2026-04-21 13:37:15 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 6

feat(app): enable cursor in session player (#33)

Browse source
This commit is contained in:
Mark Omarov 2023-09-25 02:44:40 +09:00 committed by GitHub
parent 5d005f7930
commit 911c02a443
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 27 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
.changeset/sour-cougars-walk.md Normal file
View file

@ -0,0 +1,5 @@
---
'@hyperdx/app': patch
---
feat(app): enable cursor in session player

8
packages/app/src/DOMPlayer.tsx
View file

@ -2,6 +2,7 @@ import { useCallback, useEffect, useRef, useState } from 'react';
import { useHotkeys } from 'react-hotkeys-hook';
import { Replayer } from 'rrweb';
import { throttle } from 'lodash';
import cx from 'classnames';
import { useSearchEventStream } from './search';
import { useRouter } from 'next/router';
@ -392,9 +393,10 @@ export default function DOMPlayer({
)}
<div
ref={wrapper}
className={`player-wrapper overflow-hidden ${
isBuffering ? 'd-none' : ''
}`}
className={cx('player-wrapper overflow-hidden', {
'd-none': isLoading || isBuffering,
started: (replayer.current?.getCurrentTime() ?? 0) > 0,
})}
>
<div
className="player rr-block"

20
packages/app/styles/app.scss
View file

@ -421,9 +421,23 @@ body {
/* Custom Components */
// Make sure the rrweb mouse doesn't obscure elements below it for the inspector
.replayer-mouse {
pointer-events: none;
.player-wrapper {
position: relative;
.replayer-mouse {
width: 15px;
height: 15px;
background-color: rgba(#fff, 0.5);
border: 2px solid rgba($gray-100, 0.75);
border-radius: 50%;
position: absolute;
pointer-events: none; // Make sure the rrweb mouse doesn't obscure elements below it for the inspector
display: none;
}
&.started .replayer-mouse {
display: block;
}
}
.shimmer {