From 457aa45cde8995311e8297fe10ef335edad18d7d Mon Sep 17 00:00:00 2001
From: Finnian Jacobson-Schulte
 <140328381+finnian0826@users.noreply.github.com>
Date: Thu, 19 Dec 2024 13:35:15 -0700
Subject: [PATCH] feat(hack): Add CTA for live links rewards

---
 src/dappsExplorer/DappFeaturedActions.tsx   |  2 +-
 src/home/TabHome.tsx                        | 17 +++++++++++++++++
 src/transactions/feed/TransactionFeedV2.tsx | 14 ++++++++++++++
 3 files changed, 32 insertions(+), 1 deletion(-)

diff --git a/src/dappsExplorer/DappFeaturedActions.tsx b/src/dappsExplorer/DappFeaturedActions.tsx
index 54ea472c15d..9b0ab2644f6 100644
--- a/src/dappsExplorer/DappFeaturedActions.tsx
+++ b/src/dappsExplorer/DappFeaturedActions.tsx
@@ -23,7 +23,7 @@ interface Props {
   style?: StyleProp<ViewStyle>
 }
 
-function FeaturedAction({ title, description, Image, style, onPress }: Props) {
+export function FeaturedAction({ title, description, Image, style, onPress }: Props) {
   return (
     <Touchable
       style={[styles.pressableCard, style]}
diff --git a/src/home/TabHome.tsx b/src/home/TabHome.tsx
index 9463edbaed0..14a59081e28 100644
--- a/src/home/TabHome.tsx
+++ b/src/home/TabHome.tsx
@@ -6,6 +6,7 @@ import { useTranslation } from 'react-i18next'
 import { FlatList, RefreshControl, RefreshControlProps, StyleSheet } from 'react-native'
 import Animated from 'react-native-reanimated'
 import { SafeAreaView, useSafeAreaInsets } from 'react-native-safe-area-context'
+import { Colors } from 'react-native/Libraries/NewAppScreen'
 import { showMessage } from 'src/alert/actions'
 import { AppState } from 'src/app/actions'
 import {
@@ -14,6 +15,7 @@ import {
   showNotificationSpotlightSelector,
 } from 'src/app/selectors'
 import { ALERT_BANNER_DURATION, DEFAULT_TESTNET, SHOW_TESTNET_BANNER } from 'src/config'
+import { FeaturedAction } from 'src/dappsExplorer/DappFeaturedActions'
 import ActionsCarousel from 'src/home/ActionsCarousel'
 import NotificationBox from 'src/home/NotificationBox'
 import { refreshAllBalances, visitHome } from 'src/home/actions'
@@ -24,7 +26,9 @@ import {
   showNftCelebrationSelector,
   showNftRewardSelector,
 } from 'src/home/selectors'
+import Trophy from 'src/icons/Trophy'
 import { importContacts } from 'src/identity/actions'
+import { navigate } from 'src/navigator/NavigationService'
 import { Screens } from 'src/navigator/Screens'
 import { StackParamList } from 'src/navigator/types'
 import { phoneRecipientCacheSelector } from 'src/recipients/reducer'
@@ -129,6 +133,19 @@ function TabHome(_props: Props) {
       key: 'NotificationBox',
       component: <NotificationBox showOnlyHomeScreenNotifications={true} />,
     },
+    {
+      key: 'ReferralCTA',
+      component: (
+        <FeaturedAction
+          title={'Refer your friends to earn rewards'}
+          description={
+            'Send your friend a live link and start earning a portion of the revenue they generate.'
+          }
+          Image={<Trophy color={Colors.black} />}
+          onPress={() => navigate(Screens.JumpstartEnterAmount)}
+        />
+      ),
+    },
     {
       key: 'TransactionFeed',
       component: <TransactionFeed />,
diff --git a/src/transactions/feed/TransactionFeedV2.tsx b/src/transactions/feed/TransactionFeedV2.tsx
index e97affa562e..ed0eda5b5dc 100644
--- a/src/transactions/feed/TransactionFeedV2.tsx
+++ b/src/transactions/feed/TransactionFeedV2.tsx
@@ -10,15 +10,20 @@ import {
   Text,
   View,
 } from 'react-native'
+import { Colors } from 'react-native/Libraries/NewAppScreen'
 import AppAnalytics from 'src/analytics/AppAnalytics'
 import { SwapEvents } from 'src/analytics/Events'
 import { NotificationVariant } from 'src/components/InLineNotification'
 import SectionHead from 'src/components/SectionHead'
 import Toast from 'src/components/Toast'
+import { FeaturedAction } from 'src/dappsExplorer/DappFeaturedActions'
 import ActionsCarousel from 'src/home/ActionsCarousel'
 import GetStarted from 'src/home/GetStarted'
 import NotificationBox from 'src/home/NotificationBox'
+import Trophy from 'src/icons/Trophy'
 import { getLocalCurrencyCode } from 'src/localCurrency/selectors'
+import { navigate } from 'src/navigator/NavigationService'
+import { Screens } from 'src/navigator/Screens'
 import { useDispatch, useSelector } from 'src/redux/hooks'
 import { store } from 'src/redux/store'
 import { getFeatureGate, getMultichainFeatures } from 'src/statsig'
@@ -515,6 +520,15 @@ export default function TransactionFeedV2() {
           <>
             <ActionsCarousel />
             <NotificationBox showOnlyHomeScreenNotifications={true} />
+            <FeaturedAction
+              title={'Refer your friends to earn rewards'}
+              description={
+                'Send your friend a live link and start earning a portion of the revenue they generate.'
+              }
+              Image={<Trophy color={Colors.black} />}
+              onPress={() => navigate(Screens.JumpstartEnterAmount)}
+              style={{ marginLeft: 16, marginVertical: 16 }}
+            />
           </>
         }
         ListEmptyComponent={!showUKCompliantVariant ? <GetStarted /> : <NoActivity />}