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.

1 files changed, 6 insertions, 12 deletions

diff --git a/src/components/interstitials/TrendingVideos.tsx b/src/components/interstitials/TrendingVideos.tsx
index 4275f7fc8..6be64335a 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>