Skip to content

replay(feat): Show setup instructions for Replay Network>Details req/resp bodies - #48231

Merged
ryan953 merged 12 commits into
masterfrom
ryan953/replay-network-bodies-setup-v2
May 4, 2023
Merged

ryan953 merged 12 commits into
masterfrom
ryan953/replay-network-bodies-setup-v2

Conversation

@ryan953

@ryan953 ryan953 commented Apr 29, 2023 •

Copy link
Copy Markdown
Member

This implements the latest figma designs for the network req/resp display.

Details Request Response
Show Setup not setup - details not setup - request not setup - response
With Data setup - details setup - request setup - response

Other Cases:

Non xhr/fetch Skipped url Alert to configure more headers
SCR-20230502-nlyd SCR-20230502-nsew SCR-20230503-mwiv

Fixes #47833

@github-actions github-actions Bot added the Scope: Frontend Automatically applied to PRs that change frontend components label Apr 29, 2023
@ryan953
ryan953 requested review from billyvg and eliashussary May 1, 2023 15:56
@ryan953
ryan953 marked this pull request as ready for review May 1, 2023 15:56
@ryan953
ryan953 requested a review from a team May 1, 2023 15:56

isNetworkDetailsSetup = () => {
if (this._isDetailsSetup === undefined) {
// TODO(replay): there must be a better way

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

😬

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@ryan953
ryan953 force-pushed the ryan953/replay-network-bodies-setup-v2 branch from ef78c5b to f427633 Compare May 2, 2023 22:06
@billyvg

billyvg commented May 3, 2023

Copy link
Copy Markdown
Member

@ryan953

ryan953 commented May 3, 2023 •

Copy link
Copy Markdown
Member Author

This replay has req/sp headers and showing the privacy message below it:

@billyvg yes, I wrote a test called should render a short message reminding you to configure custom headers but it's not a short message at all -> it's the exact same as usual!

I could probably chop out the privacy paragraph in this case, and change the "prerequisite" header to be "Capture more custom headers"? WDYT?

@ryan953

ryan953 commented May 3, 2023 •

Copy link
Copy Markdown
Member Author

@billyvg updated and styled the "Alert to configure more headers" case (see screenshot in desc)

@billyvg billyvg left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This looks shippable to me! We can tweak onboarding as needed

@ryan953
ryan953 enabled auto-merge (squash) May 4, 2023 16:40
@ryan953
ryan953 merged commit a390e6c into master May 4, 2023
@ryan953
ryan953 deleted the ryan953/replay-network-bodies-setup-v2 branch May 4, 2023 16:41
ryan953 added a commit that referenced this pull request May 4, 2023
@github-actions github-actions Bot locked and limited conversation to collaborators May 20, 2023

This branch was successfully deployed

1 active deployment
Preview — 8995fe31 Deployed May 4, 2023 by vercel[bot]
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

Scope: Frontend Automatically applied to PRs that change frontend components

Projects

None yet

2 participants