Extract shared navigateToSubscriptionPayment helper

Author: adamgrzybowski

src/pages/home/FreeTrialSection/index.tsx

@@ -11,11 +11,10 @@ import useResponsiveLayout from '@hooks/useResponsiveLayout';
 import useTheme from '@hooks/useTheme';
 import useThemeStyles from '@hooks/useThemeStyles';
 import DateUtils from '@libs/DateUtils';
-import Navigation from '@libs/Navigation/Navigation';
 import type {DiscountInfo} from '@libs/SubscriptionUtils';
+import navigateToSubscriptionPayment from '@pages/home/common/navigateToSubscriptionPayment';
 import variables from '@styles/variables';
 import CONST from '@src/CONST';
-import ROUTES from '@src/ROUTES';
 import useFreeTrial from './useFreeTrial';
 import type {DiscountType} from './useFreeTrial';
 
@@ -51,7 +50,7 @@ function FreeTrialSection() {
 
     let bodyText: string;
     let ctaText: string;
-    const onCtaPress = () => Navigation.navigate(ROUTES.SETTINGS_SUBSCRIPTION_ADD_PAYMENT_CARD);
+    const onCtaPress = navigateToSubscriptionPayment;
 
     if (discountType === 50) {
         bodyText = translate('homePage.freeTrialSection.offer50Body');

src/pages/home/TimeSensitiveSection/items/AddPaymentCard/index.tsx

@@ -3,7 +3,7 @@ import BaseWidgetItem from '@components/BaseWidgetItem';
 import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
 import useLocalize from '@hooks/useLocalize';
 import useTheme from '@hooks/useTheme';
-import navigateFromAddPaymentCardItem from './navigateFromAddPaymentCardItem';
+import navigateToSubscriptionPayment from '@pages/home/common/navigateToSubscriptionPayment';
 
 function AddPaymentCard() {
     const {translate} = useLocalize();
@@ -18,7 +18,7 @@ function AddPaymentCard() {
             title={translate('homePage.timeSensitiveSection.addPaymentCard.title')}
             subtitle={translate('homePage.timeSensitiveSection.addPaymentCard.subtitle')}
             ctaText={translate('homePage.timeSensitiveSection.addPaymentCard.cta')}
-            onCtaPress={navigateFromAddPaymentCardItem}
+            onCtaPress={navigateToSubscriptionPayment}
             buttonProps={{success: true}}
         />
     );

src/pages/home/TimeSensitiveSection/items/AddPaymentCard/navigateFromAddPaymentCardItem/index.native.tsx

@@ -2,8 +2,8 @@ import React from 'react';
 import BaseWidgetItem from '@components/BaseWidgetItem';
 import {useMemoizedLazyExpensifyIcons} from '@hooks/useLazyAsset';
 import useLocalize from '@hooks/useLocalize';
+import navigateToSubscriptionPayment from '@pages/home/common/navigateToSubscriptionPayment';
 import colors from '@styles/theme/colors';
-import navigateFromAddPaymentCardItem from './AddPaymentCard/navigateFromAddPaymentCardItem';
 
 function FixFailedBilling() {
     const {translate} = useLocalize();
@@ -17,7 +17,7 @@ function FixFailedBilling() {
             title={translate('homePage.timeSensitiveSection.fixFailedBilling.title')}
             subtitle={translate('homePage.timeSensitiveSection.fixFailedBilling.subtitle')}
             ctaText={translate('homePage.timeSensitiveSection.ctaFix')}
-            onCtaPress={navigateFromAddPaymentCardItem}
+            onCtaPress={navigateToSubscriptionPayment}
             buttonProps={{danger: true}}
         />
     );

src/pages/home/TimeSensitiveSection/items/AddPaymentCard/navigateFromAddPaymentCardItem/index.tsx

@@ -0,0 +1,9 @@
+import Navigation from '@libs/Navigation/Navigation';
+import ROUTES from '@src/ROUTES';
+
+// Adding payment card is currently only available on web.
+function navigateToSubscriptionPayment() {
+    Navigation.navigate(ROUTES.SETTINGS_SUBSCRIPTION.route);
+}
+
+export default navigateToSubscriptionPayment;

src/pages/home/TimeSensitiveSection/items/FixFailedBilling.tsx

@@ -0,0 +1,8 @@
+import Navigation from '@libs/Navigation/Navigation';
+import ROUTES from '@src/ROUTES';
+
+function navigateToSubscriptionPayment() {
+    Navigation.navigate(ROUTES.SETTINGS_SUBSCRIPTION_ADD_PAYMENT_CARD);
+}
+
+export default navigateToSubscriptionPayment;