From b1079471a641dcb89dbff9a6b1e70739a53e58bc Mon Sep 17 00:00:00 2001
From: Eric Bailey <git@esb.lol>
Date: Sun, 19 Jan 2025 14:26:49 -0600
Subject: [PATCH] Add lil hover to View More

---
 .../interstitials/TrendingVideos.tsx          | 32 ++++++++++++-------
 .../components/ExploreTrendingVideos.tsx      | 32 ++++++++++++-------
 2 files changed, 42 insertions(+), 22 deletions(-)

diff --git a/src/components/interstitials/TrendingVideos.tsx b/src/components/interstitials/TrendingVideos.tsx
index 0c94574d70..fc174a27ce 100644
--- a/src/components/interstitials/TrendingVideos.tsx
+++ b/src/components/interstitials/TrendingVideos.tsx
@@ -196,24 +196,34 @@ function VideoCards({
             a.rounded_md,
             t.atoms.bg,
           ]}>
-          <View style={[a.flex_row, a.align_center, a.gap_md]}>
-            <Text style={[a.text_md]}>
-              <Trans>View more</Trans>
-            </Text>
+          {({pressed}) => (
             <View
               style={[
+                a.flex_row,
                 a.align_center,
-                a.justify_center,
-                a.rounded_full,
+                a.gap_md,
                 {
-                  width: 34,
-                  height: 34,
-                  backgroundColor: t.palette.primary_500,
+                  opacity: pressed ? 0.6 : 1,
                 },
               ]}>
-              <ButtonIcon icon={ChevronRight} />
+              <Text style={[a.text_md]}>
+                <Trans>View more</Trans>
+              </Text>
+              <View
+                style={[
+                  a.align_center,
+                  a.justify_center,
+                  a.rounded_full,
+                  {
+                    width: 34,
+                    height: 34,
+                    backgroundColor: t.palette.primary_500,
+                  },
+                ]}>
+                <ButtonIcon icon={ChevronRight} />
+              </View>
             </View>
-          </View>
+          )}
         </Link>
       </View>
     </>
diff --git a/src/screens/Search/components/ExploreTrendingVideos.tsx b/src/screens/Search/components/ExploreTrendingVideos.tsx
index 50fe460e7b..633b72169c 100644
--- a/src/screens/Search/components/ExploreTrendingVideos.tsx
+++ b/src/screens/Search/components/ExploreTrendingVideos.tsx
@@ -236,24 +236,34 @@ function VideoCards({
             a.rounded_md,
             t.atoms.bg_contrast_25,
           ]}>
-          <View style={[a.flex_row, a.align_center, a.gap_md]}>
-            <Text style={[a.text_md]}>
-              <Trans>View more</Trans>
-            </Text>
+          {({pressed}) => (
             <View
               style={[
+                a.flex_row,
                 a.align_center,
-                a.justify_center,
-                a.rounded_full,
+                a.gap_md,
                 {
-                  width: 34,
-                  height: 34,
-                  backgroundColor: t.palette.primary_500,
+                  opacity: pressed ? 0.6 : 1,
                 },
               ]}>
-              <ButtonIcon icon={ChevronRight} />
+              <Text style={[a.text_md]}>
+                <Trans>View more</Trans>
+              </Text>
+              <View
+                style={[
+                  a.align_center,
+                  a.justify_center,
+                  a.rounded_full,
+                  {
+                    width: 34,
+                    height: 34,
+                    backgroundColor: t.palette.primary_500,
+                  },
+                ]}>
+                <ButtonIcon icon={ChevronRight} />
+              </View>
             </View>
-          </View>
+          )}
         </Link>
       </View>
     </>