Merge pull request #1007 from openreplay/dev

fix(ui) - graphql, xhr check
This commit is contained in:
Shekar Siri 2023-03-03 15:20:27 +01:00 committed by GitHub
commit 44aa0dc20d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 20 additions and 23 deletions

View file

@ -12,29 +12,8 @@ function renderDefaultStatus() {
return '2xx-3xx';
}
export function renderName(r: Record<string, any>) {
const { player } = React.useContext(PlayerContext);
return (
<div className="flex justify-between items-center grow-0 w-full">
<div>{r.operationName}</div>
<Button
variant="text"
className="right-0 text-xs uppercase p-2 color-gray-500 hover:color-teal"
onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
e.stopPropagation();
player.jump(r.time);
}}
>
Jump
</Button>
</div>
);
}
function GraphQL() {
const { player, store } = React.useContext(PlayerContext);
const { graphqlList: list, graphqlListNow: listNow, time, livePlay } = store.get();
const defaultState = {
@ -52,6 +31,24 @@ function GraphQL() {
const [state, setState] = React.useState(defaultState);
function renderName(r: Record<string, any>) {
return (
<div className="flex justify-between items-center grow-0 w-full">
<div>{r.operationName}</div>
<Button
variant="text"
className="right-0 text-xs uppercase p-2 color-gray-500 hover:color-teal"
onClick={(e: React.MouseEvent<HTMLButtonElement>) => {
e.stopPropagation();
player.jump(r.time);
}}
>
Jump
</Button>
</div>
);
}
const filterList = (list: any, value: string) => {
const filterRE = getRE(value, 'i');

View file

@ -127,7 +127,7 @@ function LiveSessionList(props: Props) {
<div className="text-center flex justify-center items-center flex-col">
<span>
Assist is the best way to support you users while they're browsing your site,
{' '}through live replay, co-browsing and video conferencing capabilities. Learn More.{' '}
{' '}through live replay, co-browsing and video conferencing capabilities. {' '}
<a
target="_blank"
className="link"

View file

@ -397,7 +397,7 @@ export default class MessageManager {
break;
case MType.ResourceTiming:
// TODO: merge `resource` and `fetch` lists into one here instead of UI
if (msg.initiator !== ResourceType.FETCH) {
if (msg.initiator !== ResourceType.FETCH && msg.initiator !== ResourceType.XHR) {
this.lists.lists.resource.insert(getResourceFromResourceTiming(msg, this.sessionStart))
}
break;