Add feature gate for starter pack search (#11234)

src/analytics/features/types.ts

@@ -19,6 +19,7 @@ export enum Features {
   PostThreadKnownLikersEnable = 'post_thread:known_likers:enable',
   PostThreadKnownLikersFetchEnable = 'post_thread:known_likers:fetch:enable',
   CustomLogoJapanEnable = 'custom_logo:japan:enable',
+  SearchStarterPacksV2Enable = 'search_starter_packs_v2:enable',
 
   AATest = 'aa-test',
 }

src/screens/Search/SearchResults.tsx

@@ -54,6 +54,7 @@ let SearchResults = ({
   onPageSelected: (page: number) => void
   headerHeight: number
 }): React.ReactNode => {
+  const ax = useAnalytics()
   const {t: l} = useLingui()
   /*
    * People/Feeds visibility keys off post-only filters: a `lang` filter applies
@@ -64,6 +65,10 @@ let SearchResults = ({
   const activePage = hasPostFilters && activeTab > 1 ? 0 : activeTab
   const tabShape = hasPostFilters ? 'filtered' : 'plain'
 
+  const isStarterPacksEnabled = ax.features.enabled(
+    ax.features.SearchStarterPacksV2Enable,
+  )
+
   const sections = useMemo(() => {
     if (!query && !hasFilters) return []
     /*
@@ -108,20 +113,29 @@ let SearchResults = ({
           <SearchScreenFeedsResults query={query} active={activePage === 3} />
         ),
       },
-      noFilters && {
+      noFilters &&
-        title: l`Starter packs`,
+        isStarterPacksEnabled && {
-        component: (
+          title: l`Starter packs`,
-          <SearchScreenStarterPackResults
+          component: (
-            query={query}
+            <SearchScreenStarterPackResults
-            active={activePage === 4}
+              query={query}
-          />
+              active={activePage === 4}
-        ),
+            />
-      },
+          ),
+        },
     ].filter(Boolean) as {
       title: string
       component: React.ReactNode
     }[]
-  }, [l, query, filters, hasFilters, hasPostFilters, activePage])
+  }, [
+    l,
+    query,
+    filters,
+    hasFilters,
+    hasPostFilters,
+    activePage,
+    isStarterPacksEnabled,
+  ])
 
   // There may be fewer tabs after changing the search options.
   const selectedPage = activePage > sections.length - 1 ? 0 : activePage