Payment due 2024-10-04 [$250] When navigate to Workspace Editor then back to Inbox, it is taking me to my self DM rather than last chat

[m-natarajan]

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.31-6
Reproducible in staging?: Y
Reproducible in production?: Y
If this was caught during regression testing, add the test name, ID and link from TestRail:
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Expensify/Expensify Issue URL:
Issue reported by: @danielrvidal
Slack conversation: https://expensify.slack.com/archives/C049HHMV9SM/p1725904646621169

Action Performed:

1. Go to Concierge DM
2. Click a task, navigated to the task report
3. Click a link in the task, navigated to the categories page in the workspace settings
4. Click the back caret in the workspace settings, navigated to the Workspaces page in account settings
5. Click the Inbox bottom tab

Expected Result:

Should navigate me back to the concierge chat

Actual Result:

Navigating back to self DM

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

2024-09-09_09-58-29.mp4

Recording.531.mp4

Add any screenshot/video evidence

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~021834563126903568456
• Upwork Job ID: 1834563126903568456
• Last Price Increase: 2024-09-13
• Automatic offers:
• c3024 | Contributor | 103991019

Issue Owner

Current Issue Owner: @zanyrenney

[melvin-bot]

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

[Tony-MK]

Proposal

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

When navigate to Workspace Editor then back to Inbox, it is taking me to my self DM rather than last chat

What is the root cause of that problem?

The ROUTES.WORKSPACE_CATEGORIES does not have and use a backTo param.

App/src/libs/actions/Report.ts

Line 3374 in 1725041

workspaceCategoriesLink: `${environmentURL}/${ROUTES.WORKSPACE_CATEGORIES.getRoute(onboardingPolicyID ?? '-1')}`,

Therefore, when the HeaderWithBackButton is clicked, the modal is dismissed instead of navigating to the backTo URL.

App/src/pages/workspace/WorkspaceInitialPage.tsx

Lines 415 to 417 in 1b479b0

	if (route.params?.backTo) {
	Navigation.resetToHome();
	Navigation.isNavigationReady().then(() => Navigation.navigate(route.params?.backTo as Route));

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

We should create and use a backTo param set to the chat reportID where the workspaceCategoriesLink was clicked.

App/src/ROUTES.ts

Line 758 in 1725041

getRoute: (policyID: string, categoryName: string) => `settings/workspaces/${policyID}/categories/${encodeURIComponent(categoryName)}` as const,

[c3024]

Proposal

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

Navigating to the Inbox from the Workspace Initial Settings page takes the user to Self DM instead of the last chat.

What is the root cause of that problem?

When we click on Inbox, we navigate to ROUTES.HOME

App/src/libs/Navigation/AppNavigator/createCustomBottomTabNavigator/BottomTabBar.tsx

Lines 107 to 108 in 00bc167

	const route = activeWorkspaceID ? (`/w/${activeWorkspaceID}/${ROUTES.HOME}` as Route) : ROUTES.HOME;
	Navigation.navigate(route);

which corresponds to BottomTabNavigator

App/src/libs/Navigation/linkingConfig/config.ts

Lines 65 to 69 in 00bc167

	[NAVIGATORS.BOTTOM_TAB_NAVIGATOR]: {
	path: ROUTES.ROOT,
	initialRouteName: SCREENS.HOME,
	screens: {
	[SCREENS.HOME]: ROUTES.HOME,

and get the matchingCentralPaneRoute and dispatch it here:

App/src/libs/Navigation/linkTo/index.ts

Lines 166 to 175 in 00bc167

	const matchingCentralPaneRoute = getMatchingCentralPaneRouteForState(stateFromPath, rootState)!;
	if (matchingCentralPaneRoute && 'name' in matchingCentralPaneRoute) {
	root.dispatch({
	type: CONST.NAVIGATION.ACTION_TYPE.PUSH,
	payload: {
	name: matchingCentralPaneRoute.name,
	params: matchingCentralPaneRoute.params,
	},
	});
	}

It gets the routeID from getTopMostReportIDFromRHP,

App/src/libs/Navigation/linkingConfig/getMatchingCentralPaneRouteForState.ts

Lines 64 to 66 in 00bc167

	if (topmostBottomTabRoute.name === SCREENS.HOME) {
	return {name: centralPaneName, params: {reportID: getTopMostReportIDFromRHP(state)}};
	}

but it returns routeID as '' because there is no RHP in the state.

App/src/libs/Navigation/linkingConfig/getMatchingCentralPaneRouteForState.ts

Line 31 in 00bc167

return '';

When there is no reportID in the params, we find the lastAccessedReportID here:

App/src/pages/home/ReportScreen.tsx

Lines 140 to 149 in 00bc167

	if (route.params.reportID) {
	const reportActionID = route?.params?.reportActionID;
	const isValidReportActionID = ValidationUtils.isNumeric(reportActionID);
	if (reportActionID && !isValidReportActionID) {
	navigation.setParams({reportActionID: ''});
	}
	return;
	}
	const lastAccessedReportID = ReportUtils.findLastAccessedReport(!canUseDefaultRooms, !!route.params.openOnAdminRoom, activeWorkspaceID)?.reportID;

For first-time Expensify users, the lastAccessedReportID returns the first non-Concierge report's reportID:

App/src/libs/ReportUtils.ts

Lines 1338 to 1345 in 00bc167

	if (isFirstTimeNewExpensifyUser) {
	// Filter out the systemChat report from the reports list, as we don't want to drop the user into that report over Concierge when they first log in
	reportsValues = reportsValues.filter((report) => !isSystemChat(report)) ?? [];
	if (reportsValues.length === 1) {
	return reportsValues[0];
	}
	return adminReport ?? reportsValues.find((report) => !isConciergeChatReport(report));

Since this does not check for the last read time of the report and simply returns whichever non-empty Concierge report it finds first, it can navigate the user to any page depending on the order in the array.

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

We correctly show getMostRecentlyVisitedReport for old (non-first-time Expensify users) here:

App/src/libs/ReportUtils.ts

Lines 1356 to 1358 in 00bc167

	const lastRead = getMostRecentlyVisitedReport(reportsValues, allReportMetadata);
	return adminReport ?? lastRead;

We can use the same logic for first-time Expensify users as well:

App/src/libs/ReportUtils.ts

Line 1345 in 00bc167

return adminReport ?? reportsValues.find((report) => !isConciergeChatReport(report));

What alternative solutions did you explore? (Optional)

As I see it, we do not exclude system chats for old users with more than 2 reports. Since system chat is the DM with Expensify, and a user cannot chat in it because the composer is disabled, I think we can exclude system chats in all cases and navigate the user to the last accessed report among the non-system chat reports. This can simplify the code.

[melvin-bot]

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

[melvin-bot]

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