Comments (7)
HIG-4651 formatted network request payload has weird formatting
from highlight.
To resolve the issue with the weird formatting of the network request payload, follow these steps:
-
Locate the Formatting Logic: The formatting logic for the network request payload is likely in
NetworkResourceInfo.tsx
orNetworkResourcePanel.tsx
. -
Update Formatting in
NetworkResourceInfo.tsx
:- Open the file
/frontend/src/pages/Player/RightPlayerPanel/components/NetworkResourcePanel/NetworkResourceInfo.tsx
. - Locate the section where the request payload is being processed and rendered.
- Ensure that the payload is being formatted correctly before rendering. You might need to use a JSON prettifier or similar utility.
const formattedRequestPayload = JSON.stringify(requestPayloadData, null, 2);
- Update the rendering logic to use the formatted payload.
<pre>{formattedRequestPayload}</pre>
- Open the file
-
Check
NetworkResourcePanel.tsx
:- Open the file
/frontend/src/pages/Player/RightPlayerPanel/components/NetworkResourcePanel/NetworkResourcePanel.tsx
. - Ensure that any payload data passed to
NetworkResourceInfo
is correctly formatted. - If necessary, apply similar formatting logic as above before passing the data.
- Open the file
-
Test the Changes: Ensure that the payload is now displayed in a readable format.
References
/frontend/src/pages/Player/RightPlayerPanel/components/NetworkResourcePanel/NetworkResourceInfo.tsx
/frontend/src/pages/Player/RightPlayerPanel/components/NetworkResourcePanel/NetworkResourcePanel.tsx
/frontend/src/pages/Player/Toolbar/DevToolsWindowV2/NetworkPage/NetworkPage.tsx
from highlight.
/bounty $30
from highlight.
💎 $30 bounty • Highlight (YC W23)
Payment will be awarded to the first person to successfully merge a PR meeting all requirements. In the event that multiple PRs are submitted for the issue, we will award payment to the highest quality PR (the one that has cleanest code, best test coverage, most thorough, etc.).
Steps to solve:
- Start working: Comment
/attempt #8560
with your implementation plan - Submit work: Create a pull request including
/claim #8560
in the PR body to claim the bounty - Receive payment: 100% of the bounty is received 2-5 days post-reward. Make sure you are eligible for payouts
Thank you for contributing to highlight/highlight!
Add a bounty • Share on socials
Attempt | Started (GMT+0) | Solution |
---|---|---|
🔴 @neo773 | May 15, 2024, 10:56:28 PM | WIP |
🟢 @jemiluv8 | May 16, 2024, 11:36:30 AM | #8603 |
from highlight.
/attempt #8560
Algora profile | Completed bounties | Tech | Active attempts | Options |
---|---|---|---|---|
@jemiluv8 | 7 highlight bounties + 21 bounties from 9 projects |
TypeScript, HTML, Rust |
Cancel attempt |
from highlight.
💡 @jemiluv8 submitted a pull request that claims the bounty. You can visit your bounty board to reward.
from highlight.
🎉🎈 @jemiluv8 has been awarded $30! 🎈🎊
from highlight.
Related Issues (20)
- 'Book a Call' CTA HOT 2
- Expose pricing details / enterprise features on gated features HOT 2
- 'Call with an engineer' popup HOT 2
- Update logs/traces tables heights not accurate with banners HOT 2
- unable to login due to "Failed to fetch" HOT 3
- self hosted deploy sends analytics data to hubspot / rudderstack HOT 7
- IsWithinQuota limit enforcement can be delayed HOT 2
- Tooltip styling appears off HOT 2
- Django errors not processed by highlight HOT 5
- packages/ui component library does not hot reload in frontend HOT 2
- build improvements HOT 2
- app.highlight.io reflame CSS transforms differ from vite dev HOT 2
- test stability work HOT 2
- Logging breaks on serialization of BigInts HOT 3
- suspicious session alerts HOT 2
- overflow on tooltips on the dashboard HOT 2
- don't render tooltip if cursor isn't touching a graph HOT 2
- caching issues on graphs HOT 2
- 'metric view title' doesn't span the full width HOT 2
- Player canvas flickering on load HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from highlight.