Reports - Drop-down arrow on "Pay" button is shifted after paying expense for the first time

[jponikarchuk]

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: v9.1.80-0
Reproducible in staging?: Yes
Reproducible in production?: N/A - new feature, doesn't exist in prod
If this was caught during regression testing, add the test name, ID and link from TestRail: #65296
Email or phone of affected tester (no customers): N/A
Issue reported by: Applause Internal Team
Device used: Windows 11 / Chrome, Chrome / Xiaomi Poco F5, Android 13 / Xiaomi Poco F5, iOS 15.8.3 / iPhone 7 Plus
App Component: Other

Action Performed:

Precondition:

• Create a new workspace with USD as default currency

1. Navigate to workspace chat
2. Submit and approve a manual expense
3. Navigate to "Reports"
4. Check the drop-down arrow of the "Pay" button
5. Mark the expense as paid
6. Open the expense and cancel the payment.
7. Return to "Reports"

Expected Result:

The drop-down arrow on the "Pay" button should be in the same position before and after the payment expense

Actual Result:

The drop-down arrow on the "Pay" button is shifted after paying expense for the first time
Note:

• This issue is found when testing the PR feat: standardize pay button #65296 at Test 65118

Workaround:

Unknown

Platforms:

• Android: App
• Android: mWeb Chrome
• iOS: App
• iOS: mWeb Safari
• iOS: mWeb Chrome
• Windows: Chrome
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

1.mp4

View all open jobs on GitHub

[melvin-bot]

Triggered auto assignment to @sakluger (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.

[github-actions]

👋 Friendly reminder that deploy blockers are time-sensitive ⏱ issues! Check out the open `StagingDeployCash` deploy checklist to see the list of PRs included in this release, then work quickly to do one of the following:

1. Identify the pull request that introduced this issue and revert it.
2. Find someone who can quickly fix the issue.
3. Fix the issue yourself.

[melvin-bot]

Triggered auto assignment to @nkuoch (DeployBlockerCash), see https://stackoverflowteams.com/c/expensify/questions/9980/ for more details.

[melvin-bot]

💬 A slack conversation has been started in #expensify-open-source

[hungvu193]

This is expected. After paying for the first time, we already have the lastPaymentMethod, so we display the split button instead.

cc @joekaufmanexpensify