[$250] [HOLD for payment 2024-08-07] [HOLD for payment 2024-08-05] Room - System message for clearing room description is copied differently

[lanitochka17]

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.7-4
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/4728014
Issue reported by: Applause - Internal Team

Action Performed:

1. Go to staging.new.expensify.com
2. Go to FAB > Start chat > Room
3. Create a room
4. Click on the report header
5. Click Room description
6. Enter description and save it
7. Click Room description again
8. Clear description and save it
9. Go back to room chat
10. Right click on "set the room description to:" system message > Copy to clipboard
11. Paste the content in the composer

Expected Result:

The copied content should be consistent with the room description system message

Actual Result:

The room description system message is "set the room description to: "
The copied content is "cleared the room description"

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

Add any screenshot/video evidence

Bug6544111_1721144466662.20240716_233719.mp4

View all open jobs on GitHub

Issue Owner

Current Issue Owner: @

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~01db9b6412780cbcba
• Upwork Job ID: 1821275096672049251
• Last Price Increase: 2024-08-07

[melvin-bot]

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

[lanitochka17]

@alexpensify FYI I haven't added the External label as I wasn't 100% sure about this issue. Please take a look and add the label if you agree it's a bug and can be handled by external contributors

[FitseTLT]

Proposal

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

Room - System message for clearing room description is copied differently

What is the root cause of that problem?

For UPDATE_ROOM_DESCRIPTION type report action, there is an inconsistency between how the report action is displayed as in here

App/src/pages/home/report/ReportActionItem.tsx

Lines 652 to 653 in 1465a92

	const message = `${translate('roomChangeLog.updateRoomDescription')} ${(originalMessage as OriginalMessageChangeLog)?.description}`;
	children = <ReportActionItemBasicMessage message={message} />;

and how text is copied to clipboard

App/src/pages/home/report/ContextMenu/ContextMenuActions.tsx

Lines 366 to 367 in 1465a92

	const messageHtml = getActionHtml(reportAction);
	const messageText = ReportActionsUtils.getReportActionMessageText(reportAction);

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

We need to copy to clipboard same as we are displaying the UPDATE_ROOM_DESCRIPTION type report action as in here

App/src/pages/home/report/ReportActionItem.tsx

Lines 652 to 653 in 1465a92

	const message = `${translate('roomChangeLog.updateRoomDescription')} ${(originalMessage as OriginalMessageChangeLog)?.description}`;
	children = <ReportActionItemBasicMessage message={message} />;

by adding condition for UPDATE_ROOM_DESCRIPTION type report action
here

App/src/pages/home/report/ContextMenu/ContextMenuActions.tsx

Lines 420 to 421 in 1465a92

	} else if (content) {
	setClipboardMessage(

else if (reportAction.actionName === CONST.REPORT.ACTIONS.TYPE.ROOM_CHANGE_LOG.UPDATE_ROOM_DESCRIPTION) {
                    const originalMessage = ReportActionsUtils.getOriginalMessage(reportAction);

                    const message = `${Localize.translateLocal('roomChangeLog.updateRoomDescription')} ${(originalMessage as OriginalMessageChangeLog)?.description}`;

                    Clipboard.setString(message);
}

What alternative solutions did you explore? (Optional)

We can also alternatively change what we are diplaying in ReportActionItem to be the same as the cleared .. message , which is the same as the value we use to copy to clipboard now as in here

App/src/pages/home/report/ContextMenu/ContextMenuActions.tsx

Lines 366 to 367 in 1465a92

	const messageHtml = getActionHtml(reportAction);
	const messageText = ReportActionsUtils.getReportActionMessageText(reportAction);

so we can set the message to it here

App/src/pages/home/report/ReportActionItem.tsx

Lines 651 to 653 in 1465a92

	} else if (action.actionName === CONST.REPORT.ACTIONS.TYPE.ROOM_CHANGE_LOG.UPDATE_ROOM_DESCRIPTION) {
	const message = `${translate('roomChangeLog.updateRoomDescription')} ${(originalMessage as OriginalMessageChangeLog)?.description}`;
	children = <ReportActionItemBasicMessage message={message} />;

[nkdengineer]

Proposal

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

The room description system message is "set the room description to: "
The copied content is "cleared the room description"

What is the root cause of that problem?

We always display the message set the room description to: in LHN and report action even we clear the description.

App/src/pages/home/report/ReportActionItem.tsx

Lines 652 to 655 in 52b8fdd

	} else if (action.actionName === CONST.REPORT.ACTIONS.TYPE.ROOM_CHANGE_LOG.UPDATE_ROOM_DESCRIPTION) {
	const message = `${translate('roomChangeLog.updateRoomDescription')} ${(originalMessage as OriginalMessageChangeLog)?.description}`;
	children = <ReportActionItemBasicMessage message={message} />;
	} else if (ReportActionsUtils.isActionOfType(action, CONST.REPORT.ACTIONS.TYPE.DISMISSED_VIOLATION)) {

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

We should display the cleared message like the message that is returned by BE if the description is empty

1. Create a new translation key for cleared message
2. Create a util to get the update description message

function getUpdateRoomDescriptionMessage(reportAction: ReportAction): string {
    const originalMessage = getOriginalMessage(reportAction) as OriginalMessageChangeLog;
    if (originalMessage.description) {
        return `${Localize.translateLocal('roomChangeLog.updateRoomDescription')} ${originalMessage?.description}`;
    }

    return Localize.translateLocal('roomChangeLog.clearRoomDescription');
}

3. Use this function here to get the action message to display in report screen and LHN

const message = ReportActionsUtils.getUpdateRoomDescriptionMessage(action);

App/src/pages/home/report/ReportActionItem.tsx

Lines 652 to 655 in 52b8fdd

	} else if (action.actionName === CONST.REPORT.ACTIONS.TYPE.ROOM_CHANGE_LOG.UPDATE_ROOM_DESCRIPTION) {
	const message = `${translate('roomChangeLog.updateRoomDescription')} ${(originalMessage as OriginalMessageChangeLog)?.description}`;
	children = <ReportActionItemBasicMessage message={message} />;
	} else if (ReportActionsUtils.isActionOfType(action, CONST.REPORT.ACTIONS.TYPE.DISMISSED_VIOLATION)) {

result.alternateText = `${lastActorDisplayName} ${ReportActionsUtils.getUpdateRoomDescriptionMessage(lastAction)};

App/src/libs/SidebarUtils.ts

Lines 424 to 428 in 52b8fdd

	} else if (lastActionName === CONST.REPORT.ACTIONS.TYPE.ROOM_CHANGE_LOG.UPDATE_ROOM_DESCRIPTION) {
	const lastActionOriginalMessage = lastAction?.actionName ? (ReportActionsUtils.getOriginalMessage(lastAction) as OriginalMessageChangeLog | undefined) : null;
	result.alternateText = `${lastActorDisplayName} ${Localize.translate(preferredLocale, 'roomChangeLog.updateRoomDescription')} ${lastActionOriginalMessage?.description}`.trim();
	} else if (lastAction?.actionName === CONST.REPORT.ACTIONS.TYPE.POLICY_CHANGE_LOG.LEAVE_POLICY) {
	result.alternateText = Localize.translateLocal('workspace.invite.leftWorkspace');

OPTIONAL: We can also add the case for update room description in context menu action. So the copied message can be translated

App/src/pages/home/report/ContextMenu/ContextMenuActions.tsx

Line 364 in 52b8fdd

onPress: (closePopover, {reportAction, transaction, selection, reportID}) => {

What alternative solutions did you explore? (Optional)

NA

[alexpensify]

Other GHs have been a priority, I'll review soon

[melvin-bot]

Unable to auto-create job on Upwork. The BZ team member should create it manually for this issue.