[Due for payment 2025-05-22] [Better Expense Report View] Improve TransactionPreview viewability

[trjExpensify]

Problem: Currently, when screen is in wide setting, the TransactionPreview's width is constant at 303px, but it is possible for available space to be less than that - that disturbs the comfortable use of the Carousel and readability of the expenses. It might also lead to navigation issues.

Solution: make the TransactionPreview's width adaptable to narrowing screen's width, when it is too small to fit default 303px version. In described scenario, also X expenses is hidden to enhance report's title readability, but is still visible when TransactionPreview's width reaches default

Issue Owner

Current Issue Owner: @trjExpensify

[melvin-bot]

Current assignee @trjExpensify is eligible for the Bug assigner, not assigning anyone new.

[melvin-bot]

⚠️ Looks like this issue was linked to a Deploy Blocker here

If you are the assigned CME please investigate whether the linked PR caused a regression and leave a comment with the results.

If a regression has occurred and you are the assigned CM follow the instructions here.

If this regression could have been avoided please consider also proposing a recommendation to the PR checklist so that we can avoid it in the future.

[melvin-bot]

⚠️ Looks like this issue was linked to a Deploy Blocker here

If you are the assigned CME please investigate whether the linked PR caused a regression and leave a comment with the results.

If a regression has occurred and you are the assigned CM follow the instructions here.

If this regression could have been avoided please consider also proposing a recommendation to the PR checklist so that we can avoid it in the future.

[melvin-bot]

Reviewing label has been removed, please complete the "BugZero Checklist".

[melvin-bot]

The solution for this issue has been 🚀 deployed to production 🚀 in version 9.1.45-21 and is now subject to a 7-day regression period 📆. Here is the list of pull requests that resolve this issue:

• [Better Expense Reports] Prevent TransactionPreview incomplete viewability #61069
• [CP Staging] [Better Expense Reports]: Fix disabled arrow function #61840

If no regressions arise, payment will be issued on 2025-05-22. 🎊

For reference, here are some details about the assignees on this issue:

• @Guccio163 does not require payment (Contractor)
• @allgandalf requires payment (Needs manual offer from BZ)
• @DylanDylann requires payment through NewDot Manual Requests

[melvin-bot]

@allgandalf / @DylanDylann @trjExpensify @allgandalf / @DylanDylann The PR fixing this issue has been merged! The following checklist (instructions) will need to be completed before the issue can be closed. Please copy/paste the BugZero Checklist from here into a new comment on this GH and complete it. If you have the K2 extension, you can simply click: [this button]