Invoice- Invoice report title is "user owes amount", but Report field shows Invoice YYYY-MM-DD

[mitarachim]

If you haven’t already, check out our contributing guidelines for onboarding and email [email protected] to request to join our Slack channel!

---

Version Number: 9.1.28-1
Reproducible in staging?: Yes
Reproducible in production?: Unable to check
If this was caught on HybridApp, is this reproducible on New Expensify Standalone?: No, reproducible on hybrid only
If this was caught during regression testing, add the test name, ID and link from TestRail: Exp
Email or phone of affected tester (no customers): [email protected]
Issue reported by: Applause Internal Team
Device used: Mac 15.3 / Chrome
App Component: Money Requests

Action Performed:

Precondition:

• Workspace has enabled Invoices feature.

1. Go to staging.new.expensify.com
2. Go to FAB > Send invoice.
3. Send an invoice to any user.
4. Go to invoice thread.

Expected Result:

Report field and invoice report title should be the same.

Actual Result:

Invoice report title is "user owes amount", but Report field shows Invoice YYYY-MM-DD

Workaround:

Unknown

Platforms:

• Android: Standalone
• Android: HybridApp
• Android: mWeb Chrome
• iOS: Standalone
• iOS: HybridApp
• iOS: mWeb Safari
• MacOS: Chrome / Safari
• MacOS: Desktop

Screenshots/Videos

Bug6802647_1744720195508.20250415_202731.mp4

View all open jobs on GitHub

Issue Owner

Current Issue Owner: @waterim

[melvin-bot]

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

[melvin-bot]

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

[melvin-bot]

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

[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.

[ashuvssut]

🚨 Edited by proposal-police: This proposal was edited at 2025-04-15 15:31:32 UTC.

Proposal

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

Invoice report title is "user owes amount", but Report field shows Invoice YYYY-MM-DD

What is the root cause of that problem?

In the ReportID field's <MenuItemWithTopDescription /> JSX, we are using, title={parentReport?.reportName}

App/src/components/ReportActionItem/MoneyRequestView.tsx

Lines 805 to 808 in 31543a6

	<OfflineWithFeedback pendingAction={getPendingFieldAction('reportID')}>
	<MenuItemWithTopDescription
	shouldShowRightIcon
	title={parentReport?.reportName}

Instead, we should be creating the title using getReportName utility function

getReportName(parentReport);  // returns `<user> owes <amount>` title

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

In MonetyRequestView.tsx import getReportName (import {getReportName} from '@libs/ReportUtils';)

then create the required title by using getReportName function and add it in the title prop of <MenuItemWithTopDescription/>:

<OfflineWithFeedback pendingAction={getPendingFieldAction('reportID')}>
  <MenuItemWithTopDescription
    shouldShowRightIcon
    title={getReportName(parentReport) || parentReport?.reportName}

What specific scenarios should we cover in automated tests to prevent reintroducing this issue in the future?

N/A

What alternative solutions did you explore? (Optional)

N/A

[github-actions]

⚠️ @ashuvssut Thanks for your proposal. Please update it to follow the proposal template, as proposals are only reviewed if they follow that format (note the mandatory sections).

[neil-marcellini]

@mitarachim why can't you test on production? Please show what you see there next time.

On production we don't render the Report field on the report since that's a new thing.

It only shows on staging.

As the contributor said it renders the parent report name.

The parent report of the report prop in MoneyRequestView is the reportID shown in the URL

On staging this is the reportName

reportID: "8029387476440328"
reportName: "Invoice 2025-04-15"

On prod it's this

reportID: "3554834176911338"
reportName: "Invoice 2025-04-15"

Since the backend data has the same name I think this appears as a new bug because we started displaying it on the frontend recently. The fundamental issue is the mismatch between NewDot ignoring the default report title formula and the backend using it. That's tracked by this issue.

In the meantime maybe we can implement the contributors proposal to make the names match. Or we can revert, or consider it not a bug at this point. I'm not sure what's best.

Removing the api deploy blocker label.

[amyevans]

Looks like it was introduced in #58597 - @waterim @luacmartins do y'all want to handle it as a follow up?

[luacmartins]

Added to the follow up list

[melvin-bot]

@waterim Eep! 4 days overdue now. Issues have feelings too...

[melvin-bot]

@waterim Still overdue 6 days?! Let's take care of this!

[luacmartins]

This is fixed in staging.