Skip to content

Create/Import collection UX improvements #4540

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
May 13, 2025

Conversation

ramki-bruno
Copy link
Collaborator

  • Improved error-toast for creating and importing collections
    • Added a util for formatting the error form IPC
    • Updated Toast global styles to prevent text overflow.
      Whenever long file paths are shown, it overflows the Toast container.
  • Fix: Import-collection select-location Modal closes on error
  • Fix: Improve UX for selecting location when create/import collection
    • Allow editing the input path where previously the <input> is marked
      readonly.
      Also this will allow automating test using Playwright.
image image
image

Allow editing the input path where previously the `<input>` is marked
`readonly`.
Also this will allow automating test using Playwright.
Copy link

github-actions bot commented Apr 21, 2025

Test Results

  1 files  ±0  101 suites  ±0   32s ⏱️ ±0s
161 tests ±0  161 ✅ ±0  0 💤 ±0  0 ❌ ±0 
212 runs  ±0  211 ✅ ±0  1 💤 ±0  0 ❌ ±0 

Results for commit 228d73c. ± Comparison against base commit e3c28fd.

♻️ This comment has been updated with latest results.

- Added a util for formatting the error form IPC
- Updated Toast global styles to prevent text overflow.
  Whenever long file paths are shown, it overflows the Toast container.
@ramki-bruno ramki-bruno force-pushed the feat/create-import-collection-improvements branch from c8db572 to 228d73c Compare April 21, 2025 21:14
@@ -113,14 +115,16 @@ const CreateCollection = ({ onClose }) => {
id="collection-location"
type="text"
name="collectionLocation"
Copy link
Contributor

Choose a reason for hiding this comment

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

I am not sure we need to remove readonly.

If its just for the playwright tests to work, we could conditionally allow editing location based on a env var that gets injected at runtime.

Copy link
Collaborator Author

Choose a reason for hiding this comment

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

IMO, it does improve the UX
any reason it should not be editable?

@helloanoop helloanoop merged commit b699088 into main May 13, 2025
3 checks passed
pooja-bruno pushed a commit to pooja-bruno/bruno that referenced this pull request May 20, 2025
* Fix: Improve UX for selecting location when create/import collection

Allow editing the input path where previously the `<input>` is marked
`readonly`.
Also this will allow automating test using Playwright.

* Fix: Import-collection select-location Modal closes on error

* Improved error-toast for creating and importing collections

- Added a util for formatting the error form IPC
- Updated Toast global styles to prevent text overflow.
  Whenever long file paths are shown, it overflows the Toast container.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants