Merge branch 'HOTFIX-challenges-carousel' into 'release/1.52'

HOLI-11303: add challenges carousel feature flag

See merge request app/holi-frontends!3128

core/featureFlags/constants.ts

@@ -13,4 +13,5 @@ export enum FeatureFlagKey {
   NEW_HOME_FEED = 'NEW_HOME_FEED', // multivariate ('control', 'test') -> FeatureFlagAB
   TASK_CONTACT_CTA = 'TASK_CONTACT_CTA', // boolean
   EVENTS = 'EVENTS', // boolean
+  CHALLENGES_CAROUSEL = 'CHALLENGES_CAROUSEL', // boolean
 }

core/featureFlags/featureFlagBootstrapValues.ts

@@ -29,6 +29,7 @@ export const featureFlagBootstrapValues: FeatureFlagsAndPayloads = {
     [FeatureFlagKey.POST_TRANSLATION]: false,
     [FeatureFlagKey.TASK_CONTACT_CTA]: false,
     [FeatureFlagKey.EVENTS]: false,
+    [FeatureFlagKey.CHALLENGES_CAROUSEL]: false,
   },
   featureFlagPayloads: {
     [FeatureFlagKey.DONATIONS]: null,
@@ -45,6 +46,7 @@ export const featureFlagBootstrapValues: FeatureFlagsAndPayloads = {
     [FeatureFlagKey.POST_TRANSLATION]: null,
     [FeatureFlagKey.TASK_CONTACT_CTA]: null,
     [FeatureFlagKey.EVENTS]: null,
+    [FeatureFlagKey.CHALLENGES_CAROUSEL]: null,
   },
 }
 

core/screens/homeFeed/Feed.tsx

@@ -36,6 +36,7 @@ import { useScrollToTop } from '@react-navigation/native'
 import useTracking from '@holi/core/tracking/hooks/useTracking'
 import { useFeedStats } from '@holi/core/screens/homeFeed/helpers/useFeedStats'
 import ChallengesCarousel from '@holi-apps/challenges/components/feed/ChallengesCarousel'
+import { useFeatureFlag } from '@holi/core/featureFlags/hooks/useFeatureFlag'
 const surveyUrl = 'https://tally.so/r/nrdGxX'
 
 const HomeFeed = () => {
@@ -49,6 +50,8 @@ const HomeFeed = () => {
     setLastViewedIndex((prev) => Math.max(prev, index))
   }, [])
   const displayFeedbackLink = useFeatureFlagWithMaintenance(FeatureFlagKey.FEEDBACK_LINK).isOn
+  const displayChallengesCarousel = useFeatureFlag(FeatureFlagKey.CHALLENGES_CAROUSEL)
+
   const { initialLoading, canLoadMore, combinedFeedData, fetchMore, refetch, refreshing, insightsCreators } =
     useFeedQuery()
 
@@ -118,11 +121,11 @@ const HomeFeed = () => {
       <HoliTransition.FadeDown visible>
         <View style={styles.listHeader}>
           <HomeFeedHeader />
-          <ChallengesCarousel />
+          {displayChallengesCarousel[0] && <ChallengesCarousel />}
         </View>
       </HoliTransition.FadeDown>
     ),
-    []
+    [displayChallengesCarousel]
   )
 
   const listItemTrackingEvent: ListItemTrackingEvent<FeedItem> = (item) => {