chore: update entrypoint event for predict homescreen flow

Author: vinnyhoward

app/components/UI/Predict/constants/eventNames.ts

@@ -91,6 +91,7 @@ export const PredictEventValues = {
     TRENDING_SEARCH: 'trending_search',
     TRENDING: 'trending',
     BUY_PREVIEW: 'buy_preview',
+    HOME_SECTION: 'home_section',
   },
   TRANSACTION_TYPE: {
     MM_PREDICT_BUY: 'mm_predict_buy',

app/components/UI/Predict/types/navigation.ts

@@ -26,7 +26,8 @@ export type PredictEntryPoint =
   | typeof PredictEventValues.ENTRY_POINT.MAIN_TRADE_BUTTON
   | typeof PredictEventValues.ENTRY_POINT.BACKGROUND
   | typeof PredictEventValues.ENTRY_POINT.TRENDING_SEARCH
-  | typeof PredictEventValues.ENTRY_POINT.TRENDING;
+  | typeof PredictEventValues.ENTRY_POINT.TRENDING
+  | typeof PredictEventValues.ENTRY_POINT.HOME_SECTION;
 
 /** Predict market list parameters */
 export interface PredictMarketListParams {

app/components/Views/Homepage/Sections/Predictions/PredictionsSection.test.tsx

@@ -223,7 +223,7 @@ describe('PredictionsSection', () => {
     expect(screen.getByText('Predictions')).toBeOnTheScreen();
   });
 
-  it('navigates to predictions market list on title press', () => {
+  it('navigates with home_section entry_point when trending markets title is pressed', () => {
     renderWithProvider(
       <PredictionsSection sectionIndex={0} totalSectionsLoaded={1} />,
     );
@@ -232,6 +232,9 @@ describe('PredictionsSection', () => {
 
     expect(mockNavigate).toHaveBeenCalledWith(Routes.PREDICT.ROOT, {
       screen: Routes.PREDICT.MARKET_LIST,
+      params: {
+        entryPoint: PredictEventValues.ENTRY_POINT.HOME_SECTION,
+      },
     });
   });
 
@@ -786,6 +789,32 @@ describe('PredictionsSection', () => {
       expect(screen.getByText('Trending predictions')).toBeOnTheScreen();
     });
 
+    it('navigates with home_section entry_point on title press', () => {
+      mockUsePredictMarketsForHomepage.mockReturnValue({
+        markets: mockMarkets,
+        isLoading: false,
+        error: null,
+        refetch: jest.fn(),
+      });
+
+      renderWithProvider(
+        <PredictionsSection
+          sectionIndex={0}
+          totalSectionsLoaded={5}
+          mode="trending-only"
+        />,
+      );
+
+      fireEvent.press(screen.getByText('Predictions'));
+
+      expect(mockNavigate).toHaveBeenCalledWith(Routes.PREDICT.ROOT, {
+        screen: Routes.PREDICT.MARKET_LIST,
+        params: {
+          entryPoint: PredictEventValues.ENTRY_POINT.HOME_SECTION,
+        },
+      });
+    });
+
     it('returns null when no markets after loading', () => {
       mockUsePredictMarketsForHomepage.mockReturnValue({
         markets: [],

app/components/Views/Homepage/Sections/Predictions/PredictionsSection.tsx

@@ -233,12 +233,19 @@ const HomepagePredictPositions = ({
   </Box>
 );
 
-const usePredictNavigationHandlers = () => {
+const usePredictNavigationHandlers = (): {
+  handleViewAllPredictions: () => void;
+  handleViewAllFromPositions: () => void;
+  handlePositionPress: (position: PredictPosition) => void;
+} => {
   const navigation =
     useNavigation<NavigationProp<PredictNavigationParamList>>();
   const handleViewAllPredictions = useCallback(() => {
     navigation.navigate(Routes.PREDICT.ROOT, {
       screen: Routes.PREDICT.MARKET_LIST,
+      params: {
+        entryPoint: PredictEventValues.ENTRY_POINT.HOME_SECTION,
+      },
     });
   }, [navigation]);