From d273dad9f8af8adadf32be60e0a9f9612bdfe4d7 Mon Sep 17 00:00:00 2001 From: dukenv0307 Date: Sun, 4 Jan 2026 16:22:40 +0700 Subject: [PATCH 1/3] add travel to onboarding page --- .../BaseOnboardingInterestedFeatures.tsx | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/src/pages/OnboardingInterestedFeatures/BaseOnboardingInterestedFeatures.tsx b/src/pages/OnboardingInterestedFeatures/BaseOnboardingInterestedFeatures.tsx index dcee8bbdaa6f..14c3808633c7 100644 --- a/src/pages/OnboardingInterestedFeatures/BaseOnboardingInterestedFeatures.tsx +++ b/src/pages/OnboardingInterestedFeatures/BaseOnboardingInterestedFeatures.tsx @@ -35,7 +35,7 @@ function BaseOnboardingInterestedFeatures({shouldUseNativeStyles}: BaseOnboardin const styles = useThemeStyles(); const {translate} = useLocalize(); const {onboardingMessages} = useOnboardingMessages(); - const illustrations = useMemoizedLazyIllustrations(['FolderOpen', 'Accounting', 'CompanyCard', 'Workflows', 'InvoiceBlue', 'Rules', 'Car', 'Tag', 'PerDiem', 'HandCard']); + const illustrations = useMemoizedLazyIllustrations(['FolderOpen', 'Accounting', 'CompanyCard', 'Workflows', 'InvoiceBlue', 'Rules', 'Car', 'Tag', 'PerDiem', 'HandCard', 'Luggage']); // We need to use isSmallScreenWidth, see navigateAfterOnboarding function comment // eslint-disable-next-line rulesdir/prefer-shouldUseNarrowLayout-instead-of-isSmallScreenWidth @@ -114,6 +114,11 @@ function BaseOnboardingInterestedFeatures({shouldUseNativeStyles}: BaseOnboardin icon: illustrations.PerDiem, requiresUpdate: true, }, + { + id: CONST.POLICY.MORE_FEATURES.IS_TRAVEL_ENABLED, + title: translate('workspace.moreFeatures.travel.title'), + icon: illustrations.Luggage, + }, ]; }, [ illustrations.FolderOpen, @@ -126,6 +131,7 @@ function BaseOnboardingInterestedFeatures({shouldUseNativeStyles}: BaseOnboardin illustrations.HandCard, illustrations.Tag, illustrations.PerDiem, + illustrations.Luggage, translate, userReportedIntegration, ]); From bff95029e601a3b207a3be2b9297f5f40aaa5f9a Mon Sep 17 00:00:00 2001 From: dukenv0307 Date: Thu, 8 Jan 2026 11:10:38 +0700 Subject: [PATCH 2/3] change the order --- .../BaseOnboardingInterestedFeatures.tsx | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/src/pages/OnboardingInterestedFeatures/BaseOnboardingInterestedFeatures.tsx b/src/pages/OnboardingInterestedFeatures/BaseOnboardingInterestedFeatures.tsx index 471ab877fe06..35c2771a4cc4 100644 --- a/src/pages/OnboardingInterestedFeatures/BaseOnboardingInterestedFeatures.tsx +++ b/src/pages/OnboardingInterestedFeatures/BaseOnboardingInterestedFeatures.tsx @@ -83,9 +83,9 @@ function BaseOnboardingInterestedFeatures({shouldUseNativeStyles}: BaseOnboardin enabledByDefault: true, }, { - id: CONST.POLICY.MORE_FEATURES.ARE_INVOICES_ENABLED, - title: translate('workspace.moreFeatures.invoices.title'), - icon: illustrations.InvoiceBlue, + id: CONST.POLICY.MORE_FEATURES.IS_TRAVEL_ENABLED, + title: translate('workspace.moreFeatures.travel.title'), + icon: illustrations.Luggage, }, { id: CONST.POLICY.MORE_FEATURES.ARE_RULES_ENABLED, @@ -115,9 +115,9 @@ function BaseOnboardingInterestedFeatures({shouldUseNativeStyles}: BaseOnboardin requiresUpdate: true, }, { - id: CONST.POLICY.MORE_FEATURES.IS_TRAVEL_ENABLED, - title: translate('workspace.moreFeatures.travel.title'), - icon: illustrations.Luggage, + id: CONST.POLICY.MORE_FEATURES.ARE_INVOICES_ENABLED, + title: translate('workspace.moreFeatures.invoices.title'), + icon: illustrations.InvoiceBlue, }, ]; }, [ From a7bfee488b963067a57eed56a52f58df069d5209 Mon Sep 17 00:00:00 2001 From: dukenv0307 Date: Fri, 9 Jan 2026 00:17:32 +0700 Subject: [PATCH 3/3] remove invoice option --- .../BaseOnboardingInterestedFeatures.tsx | 8 +------- 1 file changed, 1 insertion(+), 7 deletions(-) diff --git a/src/pages/OnboardingInterestedFeatures/BaseOnboardingInterestedFeatures.tsx b/src/pages/OnboardingInterestedFeatures/BaseOnboardingInterestedFeatures.tsx index 35c2771a4cc4..16a81d11f902 100644 --- a/src/pages/OnboardingInterestedFeatures/BaseOnboardingInterestedFeatures.tsx +++ b/src/pages/OnboardingInterestedFeatures/BaseOnboardingInterestedFeatures.tsx @@ -35,7 +35,7 @@ function BaseOnboardingInterestedFeatures({shouldUseNativeStyles}: BaseOnboardin const styles = useThemeStyles(); const {translate} = useLocalize(); const {onboardingMessages} = useOnboardingMessages(); - const illustrations = useMemoizedLazyIllustrations(['FolderOpen', 'Accounting', 'CompanyCard', 'Workflows', 'InvoiceBlue', 'Rules', 'Car', 'Tag', 'PerDiem', 'HandCard', 'Luggage']); + const illustrations = useMemoizedLazyIllustrations(['FolderOpen', 'Accounting', 'CompanyCard', 'Workflows', 'Rules', 'Car', 'Tag', 'PerDiem', 'HandCard', 'Luggage']); // We need to use isSmallScreenWidth, see navigateAfterOnboarding function comment // eslint-disable-next-line rulesdir/prefer-shouldUseNarrowLayout-instead-of-isSmallScreenWidth @@ -114,18 +114,12 @@ function BaseOnboardingInterestedFeatures({shouldUseNativeStyles}: BaseOnboardin icon: illustrations.PerDiem, requiresUpdate: true, }, - { - id: CONST.POLICY.MORE_FEATURES.ARE_INVOICES_ENABLED, - title: translate('workspace.moreFeatures.invoices.title'), - icon: illustrations.InvoiceBlue, - }, ]; }, [ illustrations.FolderOpen, illustrations.Accounting, illustrations.CompanyCard, illustrations.Workflows, - illustrations.InvoiceBlue, illustrations.Rules, illustrations.Car, illustrations.HandCard,