From a37d4f5a8b409a58afab3b68409413323ef2a18b Mon Sep 17 00:00:00 2001
From: tapframe <nayifveliya99@gmail.com>
Date: Sun, 8 Jun 2025 20:06:39 +0530
Subject: [PATCH] Update FeaturedContent component to enhance button feedback
 and interaction. Adjust activeOpacity for buttons to improve user experience
 and add pointerEvents style to the container for better touch handling.

---
 src/components/home/FeaturedContent.tsx | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/components/home/FeaturedContent.tsx b/src/components/home/FeaturedContent.tsx
index 858d60bdc..89389d8d3 100644
--- a/src/components/home/FeaturedContent.tsx
+++ b/src/components/home/FeaturedContent.tsx
@@ -441,6 +441,7 @@ const FeaturedContent = ({ featuredContent, isSaved, handleSaveToLibrary }: Feat
                 <TouchableOpacity 
                   style={styles.myListButton as ViewStyle}
                   onPress={handleSaveToLibrary}
+                  activeOpacity={0.7}
                 >
                   <MaterialIcons 
                     name={isSaved ? "bookmark" : "bookmark-border"} 
@@ -462,6 +463,7 @@ const FeaturedContent = ({ featuredContent, isSaved, handleSaveToLibrary }: Feat
                       });
                     }
                   }}
+                  activeOpacity={0.8}
                 >
                   <MaterialIcons name="play-arrow" size={24} color={currentTheme.colors.black} />
                   <Text style={[styles.playButtonText as TextStyle, { color: currentTheme.colors.black }]}>
@@ -479,6 +481,7 @@ const FeaturedContent = ({ featuredContent, isSaved, handleSaveToLibrary }: Feat
                       });
                     }
                   }}
+                  activeOpacity={0.7}
                 >
                   <MaterialIcons name="info-outline" size={24} color={currentTheme.colors.white} />
                   <Text style={[styles.infoButtonText as TextStyle, { color: currentTheme.colors.white }]}>
@@ -648,6 +651,7 @@ const styles = StyleSheet.create({
     bottom: 0,
     backgroundColor: 'rgba(0,0,0,0.15)',
     zIndex: 1,
+    pointerEvents: 'none',
   },
 });