[$500] [Wave Collect] [Ideal Nav] Workspace switcher - "Expensify" and workspace are ticked when returning from workspace [Payment due March 6]

[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: 1.4-36.0
Reproducible in staging?: Y
Reproducible in production?: N
If this was caught during regression testing, add the test name, ID and link from TestRail: https://expensify.testrail.io/index.php?/tests/view/4264387
Email or phone of affected tester (no customers):
Logs: https://stackoverflow.com/c/expensify/questions/4856
Expensify/Expensify Issue URL:
Issue reported by: Applause - Internal Team
Slack conversation:

Action Performed:

1. Open workspace switcher
2. Click +
3. Click browser back button

Expected Result:

Only "Expensify" will be selected

Actual Result:

"Expensify" and the previous workspace are ticked at the same time

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

Bug6365089_1706894608391.20240202_235634__1_.mp4

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~01e52e8d993f5ba021
• Upwork Job ID: 1753506244878921728
• Last Price Increase: 2024-02-02
• Automatic offers:
• situchan | Reviewer | 28149266
• esh-g | Contributor | 28149267

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

[melvin-bot]

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

[lanitochka17]

We think that this bug might be related to #vip-vsp
CC @quinthar

[esh-g]

Proposal

Please re-state the problem we are trying to fix

"Expensify" and workspace are ticked when returning from workspace

Root cause

The root cause of this issue is that at first when we don't have an active workspace set, and open workspace switcher, we are on route: https://dev.new.expensify.com:8082/workspace-switcher. At this point ActiveWorkspaceID is undefined so the expensify icon is ticked.
The activeWorkspaceID is always based on route and navigation state.
When we create new workspace, the route becomes https://dev.new.expensify.com:8082/workspace/32DF7AB51CD026CA/overview which means the activeWorkspaceID gets set to 32DF7AB51CD026CA (based on navigation state), and when we click back once again, we go to the original route: https://dev.new.expensify.com:8082/workspace-switcher, at this point the activeWorkspaceID becomes undefined again as there is no ID in the route.

But the code for selecting the workspace icon doesn't update if the activeWorkspacecID is undefined here:

App/src/pages/WorkspaceSwitcherPage.tsx

Lines 281 to 286 in e6ea03b

	useEffect(() => {
	if (!activeWorkspaceID) {
	return;
	}
	const optionToSet = usersWorkspaces.find((option) => option.policyID === activeWorkspaceID);
	setSelectedOption(optionToSet);

What changes should be made to fix this?

We should modify this code:

App/src/pages/WorkspaceSwitcherPage.tsx

Lines 281 to 286 in e6ea03b

	useEffect(() => {
	if (!activeWorkspaceID) {
	return;
	}
	const optionToSet = usersWorkspaces.find((option) => option.policyID === activeWorkspaceID);
	setSelectedOption(optionToSet);

And remove the if condition and early return, thus allowing the setSelectedOption to be set to undefined which it should be as we are going back to the point where there was not an activeWorkspace.

Result

Screen.Recording.2024-02-02.at.11.25.52.PM.mov

What alternative did you explore?

We can also use Navigation.goBack() before we create a new workspace here:

App/src/pages/WorkspaceSwitcherPage.tsx

Lines 218 to 220 in e6ea03b

	onPress={() => {
	App.createWorkspaceWithPolicyDraftAndNavigateToIt();
	}}

This will make sure that the workspace switcher was closed before new workspace was created so user can't navigate back to it.
This is the same approach we take while switching active policy here:

App/src/pages/WorkspaceSwitcherPage.tsx

Lines 112 to 115 in e6ea03b

	Navigation.goBack();
	if (policyID !== activeWorkspaceID) {
	Navigation.navigateWithSwitchPolicyID({policyID, isPolicyAdmin});
	}

Result

Screen.Recording.2024-02-02.at.11.45.48.PM.mov

PS: I would prefer the alternate solution instead of the main one.

[amyevans]

This is a regression from Ideal Nav, but it's pretty minor so doesn't need to block deploy. Confirmed it's not a dupe of any issues listed in [#whatsnext] Wave 08 - Collect Plan Admins (view).