mirror of
https://github.com/tapframe/NuvioStreaming.git
synced 2026-01-11 20:10:25 +00:00
added trakt attribution
This commit is contained in:
parent
217244c367
commit
0f9c1b03a5
3 changed files with 51 additions and 10 deletions
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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',
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
Loading…
Reference in a new issue