From a0714193beada8665f1c844864afaa126eb76311 Mon Sep 17 00:00:00 2001
From: tapframe <nayifveliya99@gmail.com>
Date: Sun, 10 Aug 2025 13:46:05 +0530
Subject: [PATCH] some ui changes

---
 src/components/metadata/HeroSection.tsx | 27 +++++++++++++++++++++++++
 src/screens/MetadataScreen.tsx          |  1 +
 2 files changed, 28 insertions(+)

diff --git a/src/components/metadata/HeroSection.tsx b/src/components/metadata/HeroSection.tsx
index 5f32b6ab..c117db89 100644
--- a/src/components/metadata/HeroSection.tsx
+++ b/src/components/metadata/HeroSection.tsx
@@ -71,6 +71,7 @@ interface HeroSectionProps {
   setLogoLoadError: (error: boolean) => void;
   groupedEpisodes?: { [seasonNumber: number]: any[] };
   dynamicBackgroundColor?: string;
+  handleBack: () => void;
 }
 
 // Ultra-optimized ActionButtons Component - minimal re-renders
@@ -679,6 +680,7 @@ const HeroSection: React.FC<HeroSectionProps> = memo(({
   setLogoLoadError,
   groupedEpisodes,
   dynamicBackgroundColor,
+  handleBack,
 }) => {
   const { currentTheme } = useTheme();
   const { isAuthenticated: isTraktAuthenticated } = useTraktContext();
@@ -924,6 +926,17 @@ const HeroSection: React.FC<HeroSectionProps> = memo(({
         />
       )}
 
+      <Animated.View style={styles.backButtonContainer}>
+        <TouchableOpacity style={styles.backButton} onPress={handleBack}>
+          <MaterialIcons 
+            name="arrow-back" 
+            size={28} 
+            color="#fff" 
+            style={styles.backButtonIcon}
+          />
+        </TouchableOpacity>
+      </Animated.View>
+
       {/* Ultra-light Gradient with subtle dynamic background blend */}
       <LinearGradient
         colors={[
@@ -1025,6 +1038,20 @@ const styles = StyleSheet.create({
     right: 0,
     bottom: 0,
   },
+  backButtonContainer: {
+    position: 'absolute',
+    top: Platform.OS === 'android' ? 40 : 50,
+    left: 16,
+    zIndex: 10,
+  },
+  backButton: {
+    padding: 8,
+  },
+  backButtonIcon: {
+    textShadowColor: 'rgba(0, 0, 0, 0.75)',
+    textShadowOffset: { width: 0, height: 2 },
+    textShadowRadius: 3,
+  },
   heroGradient: {
     flex: 1,
     justifyContent: 'flex-end',
diff --git a/src/screens/MetadataScreen.tsx b/src/screens/MetadataScreen.tsx
index 91ccec2e..6e6131d9 100644
--- a/src/screens/MetadataScreen.tsx
+++ b/src/screens/MetadataScreen.tsx
@@ -579,6 +579,7 @@ const MetadataScreen: React.FC = () => {
               setLogoLoadError={assetData.setLogoLoadError}
               groupedEpisodes={groupedEpisodes}
               dynamicBackgroundColor={dynamicBackgroundColor}
+              handleBack={handleBack}
             />
 
             {/* Main Content - Optimized */}