added trakt attribution

This commit is contained in:
tapframe 2026-01-07 16:38:04 +05:30
parent 217244c367
commit 0f9c1b03a5
3 changed files with 51 additions and 10 deletions

View file

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

View file

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

View file

@ -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;