Merge pull request #1007 from openreplay/dev
fix(ui) - graphql, xhr check
This commit is contained in:
commit
44aa0dc20d
3 changed files with 20 additions and 23 deletions
|
|
@ -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');
|
||||
|
||||
|
|
|
|||
|
|
@ -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"
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
|
|
|
|||
Loading…
Add table
Reference in a new issue