From 730f42c1e43ce88ac8bb7ec157ae09ac17bcb447 Mon Sep 17 00:00:00 2001
From: Nayif Noushad <nayifveliya99@gmail.com>
Date: Sun, 13 Apr 2025 12:56:07 +0530
Subject: [PATCH] some fixes

---
 src/screens/MetadataScreen.tsx |  20 ++++---
 src/screens/StreamsScreen.tsx  | 106 ++++++++++++++++++---------------
 2 files changed, 70 insertions(+), 56 deletions(-)

diff --git a/src/screens/MetadataScreen.tsx b/src/screens/MetadataScreen.tsx
index 297a4f8..00ecb14 100644
--- a/src/screens/MetadataScreen.tsx
+++ b/src/screens/MetadataScreen.tsx
@@ -782,6 +782,7 @@ const MetadataScreen = () => {
         translucent={true}
         backgroundColor="transparent"
         barStyle="light-content"
+        animated={true}
       />
       <Animated.View style={containerAnimatedStyle}>
         <ScrollView
@@ -804,13 +805,13 @@ const MetadataScreen = () => {
               <LinearGradient
                 colors={[
                   `${colors.darkBackground}00`,
-                  `${colors.darkBackground}15`,
-                  `${colors.darkBackground}40`,
-                  `${colors.darkBackground}B3`,
-                  `${colors.darkBackground}E6`,
+                  `${colors.darkBackground}20`,
+                  `${colors.darkBackground}50`,
+                  `${colors.darkBackground}C0`,
+                  `${colors.darkBackground}F8`,
                   colors.darkBackground
                 ]}
-                locations={[0, 0.3, 0.5, 0.7, 0.85, 1]}
+                locations={[0, 0.4, 0.65, 0.8, 0.9, 1]}
                 style={styles.heroGradient}
               >
                 <Animated.View entering={FadeInDown.delay(200).springify()} style={styles.heroContent}>
@@ -989,7 +990,8 @@ const MetadataScreen = () => {
 const styles = StyleSheet.create({
   container: {
     flex: 1,
-    paddingTop: Platform.OS === 'ios' ? 0 : StatusBar.currentHeight || 0,
+    backgroundColor: 'transparent',
+    paddingTop: 0,
   },
   scrollView: {
     flex: 1,
@@ -1052,9 +1054,9 @@ const styles = StyleSheet.create({
     overflow: 'hidden',
   },
   heroImage: {
-    width: '100%',
-    height: '105%',
-    top: '-2.5%',
+    width: '110%',
+    height: '100%',
+    top: '-5%',
     transform: [{ scale: 1 }],
   },
   heroGradient: {
diff --git a/src/screens/StreamsScreen.tsx b/src/screens/StreamsScreen.tsx
index 66e77dc..24e6c75 100644
--- a/src/screens/StreamsScreen.tsx
+++ b/src/screens/StreamsScreen.tsx
@@ -913,58 +913,70 @@ export const StreamsScreen = () => {
 
       {type === 'series' && currentEpisode && (
         <Animated.View style={[styles.streamsHeroContainer, heroStyle]}>
-          <ImageBackground
-            source={episodeImage ? { uri: episodeImage } : undefined}
-            style={styles.streamsHeroBackground}
-            fadeDuration={0}
-            resizeMode="cover"
+          <Animated.View
+            entering={FadeIn.duration(600).springify()}
+            style={StyleSheet.absoluteFill}
           >
-            <LinearGradient
-              colors={[
-                'rgba(0,0,0,0)',
-                'rgba(0,0,0,0.4)',
-                'rgba(0,0,0,0.7)',
-                'rgba(0,0,0,0.85)',
-                'rgba(0,0,0,0.95)',
-                colors.darkBackground
-              ]}
-              locations={[0, 0.3, 0.5, 0.7, 0.85, 1]}
-              style={styles.streamsHeroGradient}
+            <Animated.View 
+              entering={FadeIn.duration(800).delay(100).springify().withInitialValues({
+                transform: [{ scale: 1.05 }]
+              })}
+              style={StyleSheet.absoluteFill}
             >
-              <View style={styles.streamsHeroContent}>
-                <View style={styles.streamsHeroInfo}>
-                  <Text style={styles.streamsHeroEpisodeNumber}>
-                    {currentEpisode.episodeString}
-                  </Text>
-                  <Text style={styles.streamsHeroTitle} numberOfLines={1}>
-                    {currentEpisode.name}
-                  </Text>
-                  {currentEpisode.overview && (
-                    <Text style={styles.streamsHeroOverview} numberOfLines={2}>
-                      {currentEpisode.overview}
-                    </Text>
-                  )}
-                  <View style={styles.streamsHeroMeta}>
-                    <Text style={styles.streamsHeroReleased}>
-                      {tmdbService.formatAirDate(currentEpisode.air_date)}
-                    </Text>
-                    {currentEpisode.vote_average > 0 && (
-                      <View style={styles.streamsHeroRating}>
-                        <Image
-                          source={{ uri: TMDB_LOGO }}
-                          style={styles.tmdbLogo}
-                          contentFit="contain"
-                        />
-                        <Text style={styles.streamsHeroRatingText}>
-                          {currentEpisode.vote_average.toFixed(1)}
+              <ImageBackground
+                source={episodeImage ? { uri: episodeImage } : undefined}
+                style={styles.streamsHeroBackground}
+                fadeDuration={0}
+                resizeMode="cover"
+              >
+                <LinearGradient
+                  colors={[
+                    'rgba(0,0,0,0)',
+                    'rgba(0,0,0,0.4)',
+                    'rgba(0,0,0,0.7)',
+                    'rgba(0,0,0,0.85)',
+                    'rgba(0,0,0,0.95)',
+                    colors.darkBackground
+                  ]}
+                  locations={[0, 0.3, 0.5, 0.7, 0.85, 1]}
+                  style={styles.streamsHeroGradient}
+                >
+                  <View style={styles.streamsHeroContent}>
+                    <View style={styles.streamsHeroInfo}>
+                      <Text style={styles.streamsHeroEpisodeNumber}>
+                        {currentEpisode.episodeString}
+                      </Text>
+                      <Text style={styles.streamsHeroTitle} numberOfLines={1}>
+                        {currentEpisode.name}
+                      </Text>
+                      {currentEpisode.overview && (
+                        <Text style={styles.streamsHeroOverview} numberOfLines={2}>
+                          {currentEpisode.overview}
                         </Text>
+                      )}
+                      <View style={styles.streamsHeroMeta}>
+                        <Text style={styles.streamsHeroReleased}>
+                          {tmdbService.formatAirDate(currentEpisode.air_date)}
+                        </Text>
+                        {currentEpisode.vote_average > 0 && (
+                          <View style={styles.streamsHeroRating}>
+                            <Image
+                              source={{ uri: TMDB_LOGO }}
+                              style={styles.tmdbLogo}
+                              contentFit="contain"
+                            />
+                            <Text style={styles.streamsHeroRatingText}>
+                              {currentEpisode.vote_average.toFixed(1)}
+                            </Text>
+                          </View>
+                        )}
                       </View>
-                    )}
+                    </View>
                   </View>
-                </View>
-              </View>
-            </LinearGradient>
-          </ImageBackground>
+                </LinearGradient>
+              </ImageBackground>
+            </Animated.View>
+          </Animated.View>
         </Animated.View>
       )}