question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Improve UX when pasting images and there is an error

See original GitHub issue

If you haven’t already, check out our contributing guidelines for onboarding and email contributors@expensify.com to request to join our Slack channel!


Expected Result:

Text/image gets pasted

Actual Result:

Alert pops up which is bad UX

Action Performed:

When copy/pasting something from Slack into E.cash, there is an alert() being used when there is an error pasting images. Not only is it invasive to the UX (you have to click to make it go away), but it prevents anything from getting pasted.

Suggestion:

  1. Don’t use an alert and use something more appropriate if there is indeed something that the user needs to know (maybe an error message down by the compose field).
  2. Allow the rest of the text to be pasted if something fails with images being pasted (I think this just means not calling e.preventDefault() ).

Code is here

Workaround:

Upload images directly in E.cash

Platform:

Web Desktop App

Version Number: 1.0.28-0 Notes/Photos/Videos: image Expensify/Expensify Issue URL: https://github.com/Expensify/Expensify/issues/160750 Upwork job: https://www.upwork.com/jobs/~0103d5a375d57f66de

View all open jobs on Upwork

Issue Analytics

  • State:closed
  • Created 2 years ago
  • Comments:17 (13 by maintainers)

github_iconTop GitHub Comments

1reaction
JmillsExpensifycommented, May 24, 2021

Nice one! I just got back from vacay and it looks like you’re officially hired in Upwork, so thanks a ton for pushing forward from here.

1reaction
parasharrajatcommented, May 20, 2021

@JmillsExpensify Growls have landed Thanks to https://github.com/Expensify/Expensify.cash/issues/2812. We can proceed with this issue. PR will be added soon. 🥳

Read more comments on GitHub >

github_iconTop Results From Across the Web

Designing error pages that actually work | by Amanda Conlon
Error pages can be frustrating for users, but for a designer they can present an opportunity to turn lemons into lemonade.
Read more >
Error management and UX design
Adopting a user-oriented approach to re-think the error management of a digital product allows for overall UX improvement.It implies ...
Read more >
How the user should be informed that the file she submitted is ...
Yes, no error message. Instead, filter the selection of files to only include readable image files (e.g., by extension). Okay, you'll still need...
Read more >
Designing Better Inline Validation UX - Smashing Magazine
Inline validation demands immediate attention. When an error appears, most users almost instinctively head to the erroneous input field to fix ...
Read more >
UX Writing: Handy Tips on Text Improving User Experience
UX writers' task is creating texts that support and enhance users' communication with interfaces, let them clearly understand what's going on, and lighten...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found