UI/UX feedback

[mishushakov]

Happy to answer questions. Will add more stuff if I have some. Спасибо!

[mishushakov]

[mishushakov]

Add border around tabs

[mishushakov]

What is wrong?

[notmedia]

• [x] Uncaught exception on macOS when app was closed and reopened
• [x] Placeholder in collection search input
• [x] "No collections" placeholder in the tree
• [x] Add pointer cursor to menu item buttons
• [x] "No tabs" placeholder in tabs container, put more info
• [x] Action button in collection tree always visible
• [x] Open tab on single click
• [x] Reduce vertical space between items in collections tree
• [x] "Press cmd+k to open menu"
• [x] Add icon in tab - moved to #38
• [x] Add tooltip for TLS configuration
• [x] Add tooltip for save environment
• [x] Is tls configuration in address input button?
• [x] Is save environment in address input button?
• [x] Place badge with response status in response tab near timings
• [x] Which format in Request/Metadata should I use?
• [x] Rebuild file inputs in collection form
• [x] Rebuild Include directories in collection form
• [x] Toasts appears outside the screen
• [x] Delete button always visible in TLS configuration
• [x] Make understandable tooltip why switching to gRPC-Web is disabled
• [x] Margins in code editors - wontfix
• [x] Border in tabs - wontfix
• [x] Collapse button in menu - wontfix right now, I will think about it

[notmedia]

Hey, about "Toasts appears outside the screen" - I'm using https://fkhadra.github.io/react-toastify/introduction/ for toasts, here I applied option for create newest notifications on top, but this is how working this library

[mishushakov]

For "Address is empty" you can just outline the input field in red, this is better UX

[notmedia]

Yeah you totally right! Thank you!

[notmedia]

I have not added more info in "no collections" section because we already have Shortcuts on welcome screen when app starts

[notmedia]

Why adding this margins is better? Im trying to figure it out, this code editors are main workspace for the user, its better if it full screen I think

[notmedia]

Add border around tabs

I tested borders before and got that without them it seems more beautiful

Here I implemented tabs like in UI Kit that I'm using did - https://nextui.org/docs/components/button#icons

[mishushakov]

maybe try something like this on the search bar and when I press on it, the command bar opens? Also the shortcut will always be visible

[mishushakov]

I have not added more info in "no collections" section because we already have Shortcuts on welcome screen when app starts

Here you can add a placeholder icon and tell why no collections are found. Also make a big button "Add collection"

[notmedia]

maybe try something like this on the search bar and when I press on it, the command bar opens? Also the shortcut will always be visible

I put this kbd inside the menu:

[notmedia]

Collapse button in menu - I will think about this, I like VS Code approach they don't have collapse button