From 890d66849ec6bd5591a72140da9613ad7cae4340 Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Fri, 17 Jan 2025 18:17:33 -0600
Subject: [PATCH] Wrap interstitials with BlockDrawerGesture

---
 .../interstitials/TrendingVideos.tsx          | 65 +++++++++---------
 .../components/ExploreTrendingVideos.tsx      | 67 ++++++++++---------
 2 files changed, 69 insertions(+), 63 deletions(-)

diff --git a/src/components/interstitials/TrendingVideos.tsx b/src/components/interstitials/TrendingVideos.tsx
index d41371bcb7..9a08485536 100644
--- a/src/components/interstitials/TrendingVideos.tsx
+++ b/src/components/interstitials/TrendingVideos.tsx
@@ -9,6 +9,7 @@ import {makeCustomFeedLink} from '#/lib/routes/links'
 import {logEvent} from '#/lib/statsig/statsig'
 import {useTrendingSettingsApi} from '#/state/preferences/trending'
 import {usePostFeedQuery} from '#/state/queries/post-feed'
+import {BlockDrawerGesture} from '#/view/shell/BlockDrawerGesture'
 import {atoms as a, useGutters, useTheme} from '#/alf'
 import {Button, ButtonIcon} from '#/components/Button'
 import {ChevronRight_Stroke2_Corner0_Rounded as ChevronRight} from '#/components/icons/Chevron'
@@ -75,37 +76,39 @@ export function TrendingVideos() {
         </Button>
       </View>
 
-      <ScrollView
-        horizontal
-        showsHorizontalScrollIndicator={false}
-        decelerationRate="fast"
-        snapToInterval={CARD_WIDTH + a.gap_sm.gap}>
-        <View
-          style={[
-            a.flex_row,
-            a.gap_sm,
-            {
-              paddingLeft: gutters.paddingLeft,
-              paddingRight: gutters.paddingRight,
-            },
-          ]}>
-          {isLoading ? (
-            Array(10)
-              .fill(0)
-              .map((_, i) => (
-                <View key={i} style={[{width: CARD_WIDTH}]}>
-                  <CompactVideoPostCardPlaceholder />
-                </View>
-              ))
-          ) : error || !data ? (
-            <Text>
-              <Trans>Whoops! Trending videos failed to load.</Trans>
-            </Text>
-          ) : (
-            <VideoCards data={data} />
-          )}
-        </View>
-      </ScrollView>
+      <BlockDrawerGesture>
+        <ScrollView
+          horizontal
+          showsHorizontalScrollIndicator={false}
+          decelerationRate="fast"
+          snapToInterval={CARD_WIDTH + a.gap_sm.gap}>
+          <View
+            style={[
+              a.flex_row,
+              a.gap_sm,
+              {
+                paddingLeft: gutters.paddingLeft,
+                paddingRight: gutters.paddingRight,
+              },
+            ]}>
+            {isLoading ? (
+              Array(10)
+                .fill(0)
+                .map((_, i) => (
+                  <View key={i} style={[{width: CARD_WIDTH}]}>
+                    <CompactVideoPostCardPlaceholder />
+                  </View>
+                ))
+            ) : error || !data ? (
+              <Text>
+                <Trans>Whoops! Trending videos failed to load.</Trans>
+              </Text>
+            ) : (
+              <VideoCards data={data} />
+            )}
+          </View>
+        </ScrollView>
+      </BlockDrawerGesture>
 
       <Prompt.Basic
         control={trendingPrompt}
diff --git a/src/screens/Search/components/ExploreTrendingVideos.tsx b/src/screens/Search/components/ExploreTrendingVideos.tsx
index 475a6ba366..0da0797ae5 100644
--- a/src/screens/Search/components/ExploreTrendingVideos.tsx
+++ b/src/screens/Search/components/ExploreTrendingVideos.tsx
@@ -11,6 +11,7 @@ import {isWeb} from '#/platform/detection'
 import {useSavedFeeds} from '#/state/queries/feed'
 import {usePostFeedQuery} from '#/state/queries/post-feed'
 import {useAddSavedFeedsMutation} from '#/state/queries/preferences'
+import {BlockDrawerGesture} from '#/view/shell/BlockDrawerGesture'
 import {atoms as a, tokens, useGutters, useTheme} from '#/alf'
 import {Button, ButtonIcon, ButtonText} from '#/components/Button'
 import {GradientFill} from '#/components/GradientFill'
@@ -95,38 +96,40 @@ export function ExploreTrendingVideos() {
         </View>
       </View>
 
-      <ScrollView
-        horizontal
-        showsHorizontalScrollIndicator={false}
-        decelerationRate="fast"
-        snapToInterval={CARD_WIDTH + tokens.space.sm}>
-        <View
-          style={[
-            a.pt_lg,
-            a.flex_row,
-            a.gap_sm,
-            {
-              paddingLeft: gutters.paddingLeft,
-              paddingRight: gutters.paddingRight,
-            },
-          ]}>
-          {isLoading ? (
-            Array(10)
-              .fill(0)
-              .map((_, i) => (
-                <View key={i} style={[{width: CARD_WIDTH}]}>
-                  <CompactVideoPostCardPlaceholder />
-                </View>
-              ))
-          ) : error || !data ? (
-            <Text>
-              <Trans>Whoops! Trending videos failed to load.</Trans>
-            </Text>
-          ) : (
-            <VideoCards data={data} />
-          )}
-        </View>
-      </ScrollView>
+      <BlockDrawerGesture>
+        <ScrollView
+          horizontal
+          showsHorizontalScrollIndicator={false}
+          decelerationRate="fast"
+          snapToInterval={CARD_WIDTH + tokens.space.sm}>
+          <View
+            style={[
+              a.pt_lg,
+              a.flex_row,
+              a.gap_sm,
+              {
+                paddingLeft: gutters.paddingLeft,
+                paddingRight: gutters.paddingRight,
+              },
+            ]}>
+            {isLoading ? (
+              Array(10)
+                .fill(0)
+                .map((_, i) => (
+                  <View key={i} style={[{width: CARD_WIDTH}]}>
+                    <CompactVideoPostCardPlaceholder />
+                  </View>
+                ))
+            ) : error || !data ? (
+              <Text>
+                <Trans>Whoops! Trending videos failed to load.</Trans>
+              </Text>
+            ) : (
+              <VideoCards data={data} />
+            )}
+          </View>
+        </ScrollView>
+      </BlockDrawerGesture>
 
       {!isSavedAlready && (
         <View