added trakt attribution

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',
+                          color: currentTheme.colors.textMuted,
-                          fontSize: isTV ? 14 : isLargeTablet ? 13 : isTablet ? 13 : 13,
+                          fontSize: isTV ? 14 : isLargeTablet ? 13 : isTablet ? 13 : 13
-                          fontWeight: '600'
                         }
                       ]}>
                         {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',
+                          fontWeight: isTV ? '600' : isLargeTablet ? '600' : isTablet ? '600' : '600'
-                          color: '#F5C518'
                         }
                       ]}>
                         {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,

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',

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;