From 3b800d626d3eaaf3a738cd7aa79aa8abf60195ea Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Fri, 17 Jan 2025 23:10:28 +0000
Subject: [PATCH] fix interval + decel rate on interstitials

---
 src/components/interstitials/TrendingVideos.tsx         | 5 +++--
 src/screens/Search/components/ExploreTrendingVideos.tsx | 3 ++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/components/interstitials/TrendingVideos.tsx b/src/components/interstitials/TrendingVideos.tsx
index d43d988ac2..c0f716bce3 100644
--- a/src/components/interstitials/TrendingVideos.tsx
+++ b/src/components/interstitials/TrendingVideos.tsx
@@ -8,7 +8,7 @@ import {VIDEO_FEED_URI} from '#/lib/constants'
 import {logEvent} from '#/lib/statsig/statsig'
 import {useTrendingSettingsApi} from '#/state/preferences/trending'
 import {usePostFeedQuery} from '#/state/queries/post-feed'
-import {atoms as a, useGutters, useTheme} from '#/alf'
+import {atoms as a, tokens, useGutters, useTheme} from '#/alf'
 import {Button, ButtonIcon} from '#/components/Button'
 import {TimesLarge_Stroke2_Corner0_Rounded as X} from '#/components/icons/Times'
 import {Trending2_Stroke2_Corner2_Rounded as Graph} from '#/components/icons/Trending2'
@@ -75,7 +75,8 @@ export function TrendingVideos() {
       <ScrollView
         horizontal
         showsHorizontalScrollIndicator={false}
-        snapToInterval={(CARD_WIDTH + a.gap_sm.gap) * 2}>
+        decelerationRate="fast"
+        snapToInterval={CARD_WIDTH + tokens.space.sm}>
         <View
           style={[
             a.flex_row,
diff --git a/src/screens/Search/components/ExploreTrendingVideos.tsx b/src/screens/Search/components/ExploreTrendingVideos.tsx
index 0bc62d7aa3..5a719d151f 100644
--- a/src/screens/Search/components/ExploreTrendingVideos.tsx
+++ b/src/screens/Search/components/ExploreTrendingVideos.tsx
@@ -95,7 +95,8 @@ export function ExploreTrendingVideos() {
       <ScrollView
         horizontal
         showsHorizontalScrollIndicator={false}
-        snapToInterval={(CARD_WIDTH + a.gap_sm.gap) * 2}>
+        decelerationRate="fast"
+        snapToInterval={CARD_WIDTH + tokens.space.sm}>
         <View
           style={[
             a.pt_lg,