[$250] Negative amount displayed in Pay with Expensify Dropdown Button and Confirm payment amount Modal

[m-natarajan]

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

---

Version Number: 1.4.74-4
Reproducible in staging?: y
Reproducible in production?: y
If this was caught during regression testing, add the test name, ID and link from TestRail:
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Expensify/Expensify Issue URL:
Issue reported by: @ikevin127
Slack conversation: https://expensify.slack.com/archives/C049HHMV9SM/p1715813045792699

Action Performed:

Prerequisite : Have one existing account (A) and one newly created account (B)

1. Login as new user (B) in a browser
2. On the “What do you want to do today?” modal choose “Manage my team's expenses” and Continue.
   3, Input business name and Continue.
3. Input First and Last Name and Continue.
4. On the “Welcome” modal click Get Started.
5. Log in as an existing user (A) in incognito or in another browser
6. Click FAB > Submit expense > Manual > enter any amount and select the user B
7. Create one more IOU with user B to have 2 expenses report
8. Hold one of the expenses
9. Login to user B account and look for the IOU request from user A (If the report with the existing user does not show-up in LHN then click FAB > Start chat > Input existing user email and start a chat)
10. Once the chat opens, we should see the two report expenses requested by the existing user with the “Pay with Expensify” green dropdown button.
11. Click on the report preview showing “2 expenses” at the bottom in order to see the two expenses.
    Notice that the report header “Pay with Expensify” green dropdown button shows negative amount like -$7.00.
12. Click on the “Pay with Expensify” green dropdown arrow button and notice that both options are showing negative amount.
    After clicking on the dropdown arrow button > Select “Pay elsewhere”.
13. Click on the header “Pay elsewhere” button and notice that the “Confirm what to pay” modal also shows negative amount for both options.

Expected Result:

-Report header “Pay with Expensify” green dropdown button shows the amount as positive amount
-Clicking on the header “Pay elsewhere” button “Confirm what to pay” modal also shows positive amount for both options.

Actual Result:

• Notice that the report header “Pay with Expensify” green dropdown button shows negative amount like -$7.00.
• Click on the “Pay with Expensify” green dropdown arrow button and notice that both options are showing negative amount.
• After clicking on the dropdown arrow button > Select “Pay elsewhere”.
• Click on the header “Pay elsewhere” button and notice that the “Confirm what to pay” modal also shows negative amount for both options.

Workaround:

unknown

Platforms:

Which of our officially supported platforms is this issue occurring on?

• Android: Native
• Android: mWeb Chrome
• iOS: Native
• iOS: mWeb Safari
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

Add any screenshot/video evidence

Screen.Recording.2024-05-15.at.15.31.26.mov

Recording.80.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~01cc7f63f52440c4db
• Upwork Job ID: 1800107311798006347
• Last Price Increase: 2024-06-17
• Automatic offers:
• alitoshmatov | Reviewer | 102858943
• dominictb | Contributor | 102858945

Issue Owner

Current Issue Owner: @zanyrenney

[melvin-bot]

Triggered auto assignment to @zanyrenney (Bug), see https://stackoverflow.com/c/expensify/questions/14418 for more details. Please add this bug to a GH project, as outlined in the SO.

[ikevin127]

To me this looks BE-related if we look at the transaction amounts (see C+ Slack 🧵) being a positive number, considering it should be negative as that's how we store it in BE and since we have logic here, here and other places in FE in order to make it positive.

Note

If this is BE related, I'd look at the “What do you want to do today?” Modal -> “Manage my team's expenses” flow.

But could also be some mix-up on the FE, not entirely sure 🤔

[zanyrenney]

Thanks for adding these thoughts @ikevin127 !

[zanyrenney]

checking here - https://expensify.slack.com/archives/C01GTK53T8Q/p1716227156290099

[melvin-bot]

@zanyrenney Whoops! This issue is 2 days overdue. Let's get this updated quick!

[zanyrenney]

Seeing as this is a BE issue and noone has volunteered for it in slack. I think we should reopen if we encounter this via a real user flow rather than the slightly complex reproduction steps above.

[lanitochka17]

Issue is still reproducible on the latest build 1.4.76-2
Steps:
Submitter

1. Create an IOU with several expenses in a 1:1 with another user you have access to
   Participant
2. Log in as the other user
3. Navigate to a expense, click the three dots in the header, and choose Hold
4. Leave a hold comment and confirm
5. Navigate up to the report conversation

bandicam.2024-05-27.20-59-23-495.mp4

[melvin-bot]

@zanyrenney this issue was created 2 weeks ago. Are we close to a solution? Let's make sure we're treating this as a top priority. Don't hesitate to create a thread in #expensify-open-source to align faster in real time. Thanks!

[melvin-bot]

@zanyrenney Whoops! This issue is 2 days overdue. Let's get this updated quick!

[melvin-bot]

@zanyrenney Now this issue is 8 days overdue. Are you sure this should be a Daily? Feel free to change it!

[zanyrenney]

Been OOO, this reopened whilst I was out.

[zanyrenney]

As it's still reproducible, assigning external.

[melvin-bot]

Job added to Upwork: https://www.upwork.com/jobs/~01cc7f63f52440c4db

[melvin-bot]

Triggered auto assignment to Contributor-plus team member for initial proposal review - @alitoshmatov (External)

[dominictb]

Proposal

Please re-state the problem that we are trying to solve in this issue.

Notice that the report header “Pay with Expensify” green dropdown button shows negative amount like -$7.00.
Click on the “Pay with Expensify” green dropdown arrow button and notice that both options are showing negative amount.
After clicking on the dropdown arrow button > Select “Pay elsewhere”.
Click on the header “Pay elsewhere” button and notice that the “Confirm what to pay” modal also shows negative amount for both options.

What is the root cause of that problem?

We show the displayed amount as the nonHeldAmount here if the iouReport has held request and nonHeldAmount is returned by getNonHeldAndFullAmount

In this function, we always *-1 here without checking the iouReport is expense report or not. And then because the iou report has positive amount, the negative amount is displayed.

What changes do you think we should make in order to solve the problem?

For here and here we should check if the iouReport is expense report, we will * -1 otherwise we will * 1.

What alternative solutions did you explore? (Optional)

NA

[melvin-bot]

📣 @dominictb 🎉 An offer has been automatically sent to your Upwork account for the Contributor role 🎉 Thanks for contributing to the Expensify app!

Offer link
Upwork job
Please accept the offer and leave a comment on the Github issue letting us know when we can expect a PR to be ready for review 🧑‍💻
Keep in mind: Code of Conduct | Contributing 📖

[blimpich]

This confused me for a minute and I had to read through the discussions and look at the code for awhile but it does make sense to me that this is a frontend issue. Appears that we overlooked this particular scenario when implementing the hold functionality for reports.

[alitoshmatov]

@blimpich Sorry missed your comment.

Can you elaborate, which part you think we have a problem. Is this the fact that amounts are in negative when in expense reports and positive in iou reports?

Should we pause PR or go on with proposed solution?

[blimpich]

Go with the proposed solution, sorry, my comment was worded poorly. When I say "we overlooked" I don't mean you and @dominictb, I mean the original implementors of this code that we are now fixing.

Please proceed forward with the proposed solution.

[melvin-bot]

This issue has not been updated in over 15 days. @blimpich, @zanyrenney, @alitoshmatov, @dominictb eroding to Monthly issue.

P.S. Is everyone reading this sure this is really a near-term priority? Be brave: if you disagree, go ahead and close it out. If someone disagrees, they'll reopen it, and if they don't: one less thing to do!

[blimpich]

Did we ever pay out for this issue? @zanyrenney can you make sure we paid for the work done here? I think maybe the automation failed?

[alitoshmatov]

The PR was deployed to production on july 16th

[alitoshmatov]

We can complete the payment and close the issue

cc: @blimpich @zanyrenney

[melvin-bot]

This issue has not been updated in over 15 days. @blimpich, @zanyrenney, @alitoshmatov, @dominictb eroding to Monthly issue.

P.S. Is everyone reading this sure this is really a near-term priority? Be brave: if you disagree, go ahead and close it out. If someone disagrees, they'll reopen it, and if they don't: one less thing to do!

[alitoshmatov]

@blimpich @zanyrenney

Bump

[blimpich]

Sorry for the delay @alitoshmatov!

@zanyrenney can we get payment completed and close out this issue soon?

[zanyrenney]

Sure thing @blimpich - on it now.

[zanyrenney]

Payment summary

paid @alitoshmatov $250 via upwork
paid @dominictb $250 via upwork.