From 8ab49da6da0f6e253aa782808afa0a8940ccee54 Mon Sep 17 00:00:00 2001
From: Caidan Williams <caidan@internet.dev>
Date: Thu, 21 Aug 2025 13:23:53 -0700
Subject: [PATCH] refactor: replace View with Button in ViewMoreCard for
 consistent colors across themes

Updated ViewMoreCard to use a Button component instead of a styled View
for the 'View more' action. This improves accessibility and consistency
with other interactive elements in TrendingVideos.
---
 .../interstitials/TrendingVideos.tsx           | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

diff --git a/src/components/interstitials/TrendingVideos.tsx b/src/components/interstitials/TrendingVideos.tsx
index 4275f7fc8c..6be64335a2 100644
--- a/src/components/interstitials/TrendingVideos.tsx
+++ b/src/components/interstitials/TrendingVideos.tsx
@@ -219,19 +219,13 @@ function ViewMoreCard() {
             <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,
-                },
-              ]}>
+            <Button
+              color="primary"
+              size="small"
+              shape="round"
+              label={_(msg`View more trending videos`)}>
               <ButtonIcon icon={ChevronRight} />
-            </View>
+            </Button>
           </View>
         )}
       </Link>