[HOLD for Payment] [$50] [Search v2.3] - Default search name shows the report/user ID instead of report/user name

[IuliiaHerets]

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: 9.0.35-0
Reproducible in staging?: Y
Reproducible in production?: N
Email or phone of affected tester (no customers): applausetester+kh010901@applause.expensifail.com
Issue reported by: Applause Internal Team

Action Performed:

1. Go to staging.new.expensify.com
2. Go to Search > Chats.
3. Click Filters.
4. Click In.
5. Select a report > Save.
6. Click Save search.

Expected Result:

Default search name will show the report name.

Actual Result:

Default search name shows the report ID instead of report name.
Ths same goes for user ID when "From" filter is saved.

Workaround:

Unknown

Platforms:

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

Screenshots/Videos

Bug6603195_1726295110542.bandicam_2024-09-14_09-18-53-000.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021835502366052877051
• Upwork Job ID: 1835502366052877051
• Last Price Increase: 2024-10-03

Issue Owner

Current Issue Owner: @jayeshmangwani

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

[melvin-bot]

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

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

[ishpaul777]

Edited by proposal-police: This proposal was edited at 2023-10-20T13:45:00Z.

Proposal

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

Saved search - Default search name shows the report/user ID instead of report/user name

What is the root cause of that problem?

From: #48566
we are directly showing the query name which has report/user ID instead of report/user name here:

App/src/pages/Search/SearchTypeMenu.tsx

Line 103 in 2dc08e9

title: item.name,

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

1. first we need to check if the query name === query, that means query is not renamed by user and still has the default name
2. if the query name === query, then we need to use same logic in SearchUtils.getSearchHeaderTitle as we are using for search header title, here queryJSON will be build with SearchUtils.buildSearchQueryJSON for the item

            let title = item.name;

            if (title === item.query) {
                const jsonQuery = SearchUtils.buildSearchQueryJSON(item.query);
                title = jsonQuery ? SearchUtils.getSearchHeaderTitle(jsonQuery, personalDetails, cardList, reports, taxRates) : item.query;
            }

What alternative solutions did you explore? (Optional)

Reminder: Please use plain English, be brief and avoid jargon. Feel free to use images, charts or pseudo-code if necessary. Do not post large multi-line diffs or write walls of text. Do not create PRs unless you have been hired for this job.

[jaydamani]

Proposal

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

default search name shows ID instead of name

What is the root cause of that problem?

when saving a search query, we use the raw query as name

App/src/libs/actions/Search.ts

Line 55 in 0c618ac

const saveSearchName = name ?? queryJSON?.inputQuery ?? '';

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

Use getSearchHeaderTitle to get a more user friendly string. so the update code will be

    const saveSearchName = name ?? SearchUtils.getSearchHeaderTitle(queryJSON, personalDetails, cardList, reports, taxRates) ?? '';

What alternative solutions did you explore? (Optional)

Reminder: Please use plain English, be brief and avoid jargon. Feel free to use images, charts or pseudo-code if necessary. Do not post large multi-line diffs or write walls of text. Do not create PRs unless you have been hired for this job.