Send tracking on view achievements

src/features/navigation/RootNavigator/types.ts

@@ -310,7 +310,7 @@ export type RootStackParamList = {
   ThematicHeaders: undefined
   MarketingBlocks: undefined
   MovieCalendar: undefined
-  Achievements: undefined
+  Achievements: { from: 'profile' | 'success' }
 } & AccessibilityRootStackParamList &
   CulturalSurveyRootStackParamList &
   TutorialRootStackParamList &

src/features/profile/components/Achievements/BadgeBanner.tsx

@@ -11,6 +11,7 @@ export const BadgeBanner: React.FC = () => {
     <InternalTouchableLink
       navigateTo={{
         screen: 'Achievements',
+        params: { from: 'profile' },
       }}>
       <GenericBanner LeftIcon={<BicolorTrophy size={theme.icons.sizes.standard} />}>
         <Typo.ButtonText>Mes badges</Typo.ButtonText>

src/features/profile/components/Modals/AchievementSuccessModal.tsx

@@ -67,7 +67,7 @@ export const AchievementSuccessModal = ({ visible, hideModal, ids }: Props) => {
         <InternalTouchableLink
           as={ButtonPrimary}
           wording="Accéder à mes succès"
-          navigateTo={{ screen: 'Achievements' }}
+          navigateTo={{ screen: 'Achievements', params: { from: 'success' } }}
           onBeforeNavigate={() => {
             hideModal()
           }}

src/features/profile/pages/Achievements/Achievements.tsx

@@ -1,9 +1,11 @@
-import React, { FC } from 'react'
+import { useRoute } from '@react-navigation/native'
+import React, { FC, useEffect } from 'react'
 import { View } from 'react-native'
 import { FlatList } from 'react-native-gesture-handler'
 import { useTheme } from 'styled-components'
 import styled from 'styled-components/native'
 
+import { UseRouteType } from 'features/navigation/RootNavigator/types'
 import { Badge } from 'features/profile/components/Achievements/Badge'
 import {
   achievementCategoryDisplayNames,
@@ -28,12 +30,19 @@ const emptyBadge = {
 }
 
 export const Achievements = () => {
+  const {
+    params: { from },
+  } = useRoute<UseRouteType<'Achievements'>>()
   const { uniqueColors } = useTheme()
-  const { categories } = useAchievements({
+  const { categories, track } = useAchievements({
     achievements: mockAchievements,
     completedAchievements: mockCompletedAchievements,
   })
 
+  useEffect(() => {
+    track(from)
+  }, [from, track])
+
   return (
     <SecondaryPageWithBlurHeader title="">
       <ViewGap gap={4}>

src/features/profile/pages/Achievements/useAchievements.ts

@@ -20,7 +20,7 @@ type Categories = {
   }[]
 }[]
 
-type UseAchivements = {
+type UseAchievements = {
   categories: Categories
   track: (from: 'profile' | 'success') => void
 }
@@ -33,7 +33,7 @@ export type UseAchivementsProps = {
 export const useAchievements = ({
   achievements,
   completedAchievements,
-}: UseAchivementsProps): UseAchivements => {
+}: UseAchivementsProps): UseAchievements => {
   const categories = getAchievementsCategories(achievements).map(
     createCategory(achievements, completedAchievements)
   )

src/features/profile/pages/Profile.native.test.tsx

@@ -191,7 +191,7 @@ describe('Profile component', () => {
 
       fireEvent.press(badgeBanner)
 
-      expect(navigate).toHaveBeenCalledWith('Achievements', undefined)
+      expect(navigate).toHaveBeenCalledWith('Achievements', { from: 'profile' })
     })
   })
 

src/libs/analytics/logEventAnalytics.ts

@@ -299,6 +299,8 @@ export const logEventAnalytics = {
     analytics.logEvent({ firebase: AnalyticsEvent.DISMISS_NOTIFICATIONS }),
   logDismissShareApp: (type: ShareAppModalType) =>
     analytics.logEvent({ firebase: AnalyticsEvent.DISMISS_SHARE_APP }, { type }),
+  logDisplayAchievements: (params: { from: 'profile' | 'success'; numberUnlocked: number }) =>
+    analytics.logEvent({ firebase: AnalyticsEvent.DISPLAY_ACHIEVEMENTS }, params),
   logDisplayForcedLoginHelpMessage: () =>
     analytics.logEvent({ firebase: AnalyticsEvent.DISPLAY_FORCED_LOGIN_HELP_MESSAGE }),
   logEduconnectExplanationClicked: () =>