[$250] Travel does not link to the travel page on "more features" page

[stitesExpensify]

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

Action Performed:

1. Create a workspace
2. Go to "More Features"
3. Enable "Travel"
4. Hover over "Travel"

Expected Result:

There should be a hand icon, and the panel should link to travel settings

Actual Result:

The panel is not clickable

Workaround:

This is a minor UX bug, they can just click travel in the LHP

Platforms:

Select the officially supported platforms where the issue was reproduced:

• Android: App
• Android: mWeb Chrome
• iOS: App
• iOS: mWeb Safari
• iOS: mWeb Chrome
• Windows: Chrome
• MacOS: Chrome / Safari

Screenshots/Videos

View all open jobs on GitHub

Upwork Automation - Do Not Edit

• Upwork Job URL: https://www.upwork.com/jobs/~022021788469613963947
• Upwork Job ID: 2021788469613963947
• Last Price Increase: 2026-02-12

[melvin-bot]

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

[stitesExpensify]

This is a quick fix, i'm going to take care of it today

[cosmicvulpes]

Proposal

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

On the "More Features" page in workspace settings, the Travel panel is not clickable. When the Travel feature is enabled and a user hovers over the Travel panel, there is no hand cursor and clicking it does not navigate to the Travel settings page.

What is the root cause of that problem?

The Travel item in WorkspaceMoreFeaturesPage.tsx is missing the onPress handler that other feature toggles have.

Looking at the code, other feature items like Distance Rates, Expensify Card, Company Cards, Per Diem, Workflows, Categories, Tags, Taxes, and Accounting all include an onPress callback that navigates to their respective settings pages. The Travel item only has the action callback for the toggle switch but lacks the onPress handler.

The ToggleSettingOptionRow component uses the onPress prop to make the content area clickable when the feature is active (controlled by shouldMakeContentPressable = isActive && !!onPress).

Relevant code reference:

App/src/pages/workspace/WorkspaceMoreFeaturesPage.tsx

Lines 175 to 187 in eb7deee

	{
	icon: illustrations.Luggage,
	titleTranslationKey: 'workspace.moreFeatures.travel.title',
	subtitleTranslationKey: 'workspace.moreFeatures.travel.subtitle',
	isActive: policy?.isTravelEnabled ?? false,
	pendingAction: policy?.pendingFields?.isTravelEnabled,
	action: (isEnabled: boolean) => {
	if (!policyID) {
	return;
	}
	enablePolicyTravel(policyID, isEnabled);
	},
	},

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

Add the missing onPress handler to the Travel item that navigates to ROUTES.WORKSPACE_TRAVEL:

{
    icon: illustrations.Luggage,
    titleTranslationKey: 'workspace.moreFeatures.travel.title',
    subtitleTranslationKey: 'workspace.moreFeatures.travel.subtitle',
    isActive: policy?.isTravelEnabled ?? false,
    pendingAction: policy?.pendingFields?.isTravelEnabled,
    action: (isEnabled: boolean) => {
        if (!policyID) {
            return;
        }
        enablePolicyTravel(policyID, isEnabled);
    },
    onPress: () => {
        if (!policyID) {
            return;
        }
        Navigation.navigate(ROUTES.WORKSPACE_TRAVEL.getRoute(policyID));
    },
},

This follows the same pattern used by all other feature items on the More Features page.

What alternative solutions did you explore? (Optional)

N/A