HOLD for Payment [2024-05-16] [$250] Room - Room name character limit is 79 characters instead of 100

[izarutskaya]

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.65-5
Reproducible in staging?: Y
Reproducible in production?: Y
If this was caught during regression testing, add the test name, ID and link from TestRail: https://expensify.testrail.io/index.php?/tests/view/4506180
Logs: https://stackoverflow.com/c/expensify/questions/4856
Issue reported by: Applause-Internal team

Action Performed:

1. Go to staging.new.expensify.com
2. Go to FAB > Start chat.
3. Go to Room tab.
4. Try to enter more than 79 characters.

Expected Result:

The room name character limit is 100 characters.

Actual Result:

The room name character limit is 79 characters.

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

Bug6461316_1714034965849.bandicam_2024-04-25_16-46-52-225.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~014d41cf935d9bcfd5
• Upwork Job ID: 1783512147519520768
• Last Price Increase: 2024-04-25
• Automatic offers:
• eh2077 | Reviewer | 0
• GandalfGwaihir | Contributor | 0

Issue Owner

Current Issue Owner: @isabelastisser

[melvin-bot]

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

[izarutskaya]

We think this issue might be related to the #vip-vsb.

[allgandalf]

Proposal

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

Room title (name) limit is not 100

What is the root cause of that problem?

Currently we have set the limit of title to 79:

App/src/components/RoomNameInput/index.tsx

Line 58 in 0b96654

maxLength={CONST.REPORT.MAX_ROOM_NAME_LENGTH}

App/src/CONST.ts

Line 839 in d8e6990

MAX_ROOM_NAME_LENGTH: 79,

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

First solution is to update MAX_ROOM_NAME_LENGTH to 99.
(99 because we prefix a # to a room name, so we need to consider one less character, we currently have the limit set to 79 for the same reason)

OR
Currently we do not have any value defined for room title set to 99 in CONST.ts so first we will need to add a new const:

REPORT_TITLE: {
        MAX_LENGTH: 99,
    },

Note:

We also need to update the validation regex below:

App/src/CONST.ts

Line 1759 in 0b96654

ROOM_NAME: /^#[\p{Ll}0-9-]{1,80}$/u,

We need to now allow upto 100 characters:

ROOM_NAME: /^#[\p{Ll}0-9-]{1,100}$/u,

So this update will now not throw a character invalid result.

What alternative solutions did you explore? (Optional)

[melvin-bot]

Job added to Upwork: https://www.upwork.com/jobs/~014d41cf935d9bcfd5

[melvin-bot]

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

[eh2077]

@GandalfGwaihir 's proposal looks good to me. The root cause is clear. We can use this constant for the length limit

App/src/CONST.ts

Line 1913 in 0b96654

TITLE_CHARACTER_LIMIT: 100,

We can discuss the detail implementation in PR.

🎀👀🎀 C+ reviewed

[melvin-bot]

Triggered auto assignment to @dangrous, see https://stackoverflow.com/c/expensify/questions/7972 for more details.