warrenday / graphql-network-inspector

A better network inspector for viewing and debugging GraphQL requests.
MIT License
485 stars 47 forks source link

UxUi improvements inside the `Response` explorer #52

Closed tomma5o closed 2 years ago

tomma5o commented 2 years ago

Hey @warrenday ! I'm here again 😄

I would like to discuss to discuss about another improvement that could probably make sense(?)

When we have a bunch of requests grouped is hard to find the wanted one.

How about having the response key outside at the level or as a replacement of "1 item"

image

warrenday commented 2 years ago

Hello again :D @tomma5o

The "Response" view uses react-json-view which has a collapsed prop. We could set this to level 3 in the case of batched queries which would look like:

Screenshot 2021-11-30 at 20 07 52 Screenshot 2021-11-30 at 20 09 15

I think this could solve the pain point whilst keeping the meta of "1 item" which is more to show how many keys are in an object/array.

What do you think?

tomma5o commented 2 years ago

Yep absolutely agree on this! I was thinking of a more difficult thing actually, the collapse at level 3 is perfect 👍

warrenday commented 2 years ago

Released version 2.7 which now collapses grouped responses at level 3. Should be on the store in the next couple of days.