Creepso/NuvioStreaming
1
0
Fork 0
mirror of https://github.com/tapframe/NuvioStreaming.git synced 2026-04-21 08:41:57 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Merge pull request #448 from chrisk325/revert-445-patch-12

Browse source 
Revert "better approach for imdb logo using remote svg lib"
This commit is contained in:
Nayif 2026-01-29 17:52:24 +05:30 committed by GitHub
commit 93f951af60
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
1 changed files with 11 additions and 27 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

38
src/components/metadata/RatingsSection.tsx
View file

@ -1,5 +1,4 @@
import React, { useEffect, useState, useRef, useCallback, useMemo } from 'react'; import React, { useEffect, useState, useRef, useCallback, useMemo } from 'react';
import { SvgUri } from 'react-native-svg';
import { View, Text, StyleSheet, ActivityIndicator, Image, Animated, Dimensions } from 'react-native'; import { View, Text, StyleSheet, ActivityIndicator, Image, Animated, Dimensions } from 'react-native';
import { MaterialIcons as MaterialIconsWrapper } from '@expo/vector-icons'; import { MaterialIcons as MaterialIconsWrapper } from '@expo/vector-icons';
import { useTheme } from '../../contexts/ThemeContext'; import { useTheme } from '../../contexts/ThemeContext';
@ -163,8 +162,8 @@ export const RatingsSection: React.FC<RatingsSectionProps> = ({ imdbId, type })
const ratingConfig = { const ratingConfig = {
imdb: { imdb: {
name: 'IMDb', name: 'IMDb',
icon: IMDb_LOGO, icon: { uri: IMDb_LOGO },
isRemoteSvg: true, isImage: false,
color: '#F5C518', color: '#F5C518',
transform: (value: number) => value.toFixed(1) transform: (value: number) => value.toFixed(1)
}, },
@ -245,24 +244,10 @@ export const RatingsSection: React.FC<RatingsSectionProps> = ({ imdbId, type })
return ( return (
<View key={source} style={[styles.compactRatingItem, { marginRight: itemSpacing }]}> <View key={source} style={[styles.compactRatingItem, { marginRight: itemSpacing }]}>
{config.isRemoteSvg ? ( {config.isImage ? (
<SvgUri
uri={config.icon as string}
width={source === 'imdb' ? iconSize * 2 : iconSize}
height={iconSize}
style={{ marginRight: iconTextGap }}
/>
) : config.isImage ? (
<Image <Image
source={config.icon as any} source={config.icon as any}
style={[ style={[styles.compactRatingIcon, { width: source === 'imdb' ? iconSize * 2 : iconSize, height: iconSize, marginRight: iconTextGap }]}
styles.compactRatingIcon,
{
width: source === 'imdb' ? iconSize * 2 : iconSize,
height: iconSize,
marginRight: iconTextGap,
},
]}
resizeMode="contain" resizeMode="contain"
/> />
) : config.icon ? ( ) : config.icon ? (
@ -273,14 +258,13 @@ export const RatingsSection: React.FC<RatingsSectionProps> = ({ imdbId, type })
})} })}
</View> </View>
) : ( ) : (
<Text // Text fallback
style={{ <Text style={{
color: config.color, color: config.color,
fontSize: textSize, fontSize: textSize,
fontWeight: '900', fontWeight: '900',
marginRight: iconTextGap, marginRight: iconTextGap
}} }}>
>
{config.name} {config.name}
</Text> </Text>
)} )}