From 0f9c1b03a55372cbff1f9064af60cbc80a6c762d Mon Sep 17 00:00:00 2001
From: tapframe <nayifveliya99@gmail.com>
Date: Wed, 7 Jan 2026 16:38:04 +0530
Subject: [PATCH] added trakt attribution

---
 src/components/metadata/SeriesContent.tsx   | 38 +++++++++++++++++----
 src/components/player/cards/EpisodeCard.tsx | 14 ++++++--
 src/screens/TraktSettingsScreen.tsx         |  9 +++++
 3 files changed, 51 insertions(+), 10 deletions(-)

diff --git a/src/components/metadata/SeriesContent.tsx b/src/components/metadata/SeriesContent.tsx
index 56b15c0e9..639a63b61 100644
--- a/src/components/metadata/SeriesContent.tsx
+++ b/src/components/metadata/SeriesContent.tsx
@@ -40,7 +40,7 @@ interface SeriesContentProps {
 // Add placeholder constant at the top
 const DEFAULT_PLACEHOLDER = 'https://via.placeholder.com/300x450/1a1a1a/666666?text=No+Image';
 const EPISODE_PLACEHOLDER = 'https://via.placeholder.com/500x280/1a1a1a/666666?text=No+Preview';
-
+const TMDB_LOGO = 'https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Tmdb.new.logo.svg/512px-Tmdb.new.logo.svg.png?20200406190906';
 
 const SeriesContentComponent: React.FC<SeriesContentProps> = ({
   episodes,
@@ -1180,12 +1180,22 @@ const SeriesContentComponent: React.FC<SeriesContentProps> = ({
                     </>
                   ) : (
                     <>
+                      <FastImage
+                        source={{ uri: TMDB_LOGO }}
+                        style={[
+                          styles.tmdbLogo,
+                          {
+                            width: isTV ? 22 : isLargeTablet ? 20 : isTablet ? 20 : 20,
+                            height: isTV ? 16 : isLargeTablet ? 15 : isTablet ? 14 : 14
+                          }
+                        ]}
+                        resizeMode={FastImage.resizeMode.contain}
+                      />
                       <Text style={[
                         styles.ratingText,
                         {
-                          color: '#F5C518',
-                          fontSize: isTV ? 14 : isLargeTablet ? 13 : isTablet ? 13 : 13,
-                          fontWeight: '600'
+                          color: currentTheme.colors.textMuted,
+                          fontSize: isTV ? 14 : isLargeTablet ? 13 : isTablet ? 13 : 13
                         }
                       ]}>
                         {effectiveVote.toFixed(1)}
@@ -1426,12 +1436,22 @@ const SeriesContentComponent: React.FC<SeriesContentProps> = ({
                     </>
                   ) : (
                     <>
+                      <FastImage
+                        source={{ uri: TMDB_LOGO }}
+                        style={[
+                          styles.tmdbLogo,
+                          {
+                            width: isTV ? 22 : isLargeTablet ? 20 : isTablet ? 20 : 20,
+                            height: isTV ? 16 : isLargeTablet ? 15 : isTablet ? 14 : 14
+                          }
+                        ]}
+                        resizeMode={FastImage.resizeMode.contain}
+                      />
                       <Text style={[
                         styles.ratingTextHorizontal,
                         {
                           fontSize: isTV ? 13 : isLargeTablet ? 12 : isTablet ? 11 : 11,
-                          fontWeight: isTV ? '600' : isLargeTablet ? '600' : isTablet ? '600' : '600',
-                          color: '#F5C518'
+                          fontWeight: isTV ? '600' : isLargeTablet ? '600' : isTablet ? '600' : '600'
                         }
                       ]}>
                         {effectiveVote.toFixed(1)}
@@ -1970,8 +1990,12 @@ const styles = StyleSheet.create({
     alignItems: 'center',
     // chip background removed
   },
+  tmdbLogo: {
+    width: 20,
+    height: 14,
+  },
   ratingText: {
-    // color set dynamically or removed from here if unused
+    color: '#01b4e4',
     fontSize: 13,
     fontWeight: '700',
     marginLeft: 4,
diff --git a/src/components/player/cards/EpisodeCard.tsx b/src/components/player/cards/EpisodeCard.tsx
index 9ec49c2e7..2a9176582 100644
--- a/src/components/player/cards/EpisodeCard.tsx
+++ b/src/components/player/cards/EpisodeCard.tsx
@@ -4,7 +4,7 @@ import FastImage from '@d11/react-native-fast-image';
 import { MaterialIcons } from '@expo/vector-icons';
 import { Episode } from '../../../types/metadata';
 
-
+const TMDB_LOGO = 'https://upload.wikimedia.org/wikipedia/commons/thumb/8/89/Tmdb.new.logo.svg/512px-Tmdb.new.logo.svg.png?20200406190906';
 const EPISODE_PLACEHOLDER = 'https://via.placeholder.com/500x280/1a1a1a/666666?text=No+Preview';
 
 interface EpisodeCardProps {
@@ -135,7 +135,12 @@ export const EpisodeCard: React.FC<EpisodeCardProps> = ({
           <View style={styles.episodeMetadata}>
             {effectiveVote > 0 && (
               <View style={styles.ratingContainer}>
-                <Text style={[styles.ratingText, { color: '#F5C518' }]}>
+                <FastImage
+                  source={{ uri: TMDB_LOGO }}
+                  style={styles.tmdbLogo}
+                  resizeMode={FastImage.resizeMode.contain}
+                />
+                <Text style={[styles.ratingText, { color: currentTheme.colors.textMuted }]}>
                   {effectiveVote.toFixed(1)}
                 </Text>
               </View>
@@ -229,7 +234,10 @@ const styles = StyleSheet.create({
     flexDirection: 'row',
     alignItems: 'center',
   },
-
+  tmdbLogo: {
+    width: 20,
+    height: 14,
+  },
   ratingText: {
     fontSize: 13,
     fontWeight: '700',
diff --git a/src/screens/TraktSettingsScreen.tsx b/src/screens/TraktSettingsScreen.tsx
index 86c4e3b7f..68c3c3330 100644
--- a/src/screens/TraktSettingsScreen.tsx
+++ b/src/screens/TraktSettingsScreen.tsx
@@ -543,6 +543,9 @@ const TraktSettingsScreen: React.FC = () => {
             </View>
           </View>
         )}
+        <Text style={[styles.disclaimer, { color: isDarkMode ? currentTheme.colors.mediumEmphasis : currentTheme.colors.textMutedDark }]}>
+          This product uses the Trakt API but is not endorsed or certified by Trakt.
+        </Text>
       </ScrollView>
 
       <CustomAlert
@@ -776,6 +779,12 @@ const styles = StyleSheet.create({
     color: '#FFF',
     opacity: 0.9,
   },
+  disclaimer: {
+    fontSize: 12,
+    textAlign: 'center',
+    marginVertical: 20,
+    paddingHorizontal: 20,
+  },
 });
 
 export default TraktSettingsScreen; 
\ No newline at end of file