From 6f0db7303b916b99654123d076eb513432714fe8 Mon Sep 17 00:00:00 2001
From: chrisk325 <singaracemas@gmail.com>
Date: Wed, 28 Jan 2026 21:57:59 +0530
Subject: [PATCH 1/2] better approach for imdb logo using remote svg lib

---
 src/components/metadata/RatingsSection.tsx | 37 +++++++++++++++-------
 1 file changed, 26 insertions(+), 11 deletions(-)

diff --git a/src/components/metadata/RatingsSection.tsx b/src/components/metadata/RatingsSection.tsx
index 53f1ccd6..c87c6a4e 100644
--- a/src/components/metadata/RatingsSection.tsx
+++ b/src/components/metadata/RatingsSection.tsx
@@ -1,4 +1,5 @@
 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 { MaterialIcons as MaterialIconsWrapper } from '@expo/vector-icons';
 import { useTheme } from '../../contexts/ThemeContext';
@@ -162,8 +163,8 @@ export const RatingsSection: React.FC<RatingsSectionProps> = ({ imdbId, type })
   const ratingConfig = {
     imdb: {
       name: 'IMDb',
-      icon: { uri: IMDb_LOGO },
-      isImage: false,
+      icon: IMDb_LOGO,
+      isRemoteSvg: true,
       color: '#F5C518',
       transform: (value: number) => value.toFixed(1)
     },
@@ -244,10 +245,23 @@ export const RatingsSection: React.FC<RatingsSectionProps> = ({ imdbId, type })
 
           return (
             <View key={source} style={[styles.compactRatingItem, { marginRight: itemSpacing }]}>
-              {config.isImage ? (
+              {config.isRemoteSvg ? (
+                <SvgUri
+                  uri={config.icon as string}
+                  width={source === 'imdb' ? iconSize * 2 : iconSize}
+                  height={iconSize}
+                />
+              ) : config.isImage ? (
                 <Image
                   source={config.icon as any}
-                  style={[styles.compactRatingIcon, { width: source === 'imdb' ? iconSize * 2 : iconSize, height: iconSize, marginRight: iconTextGap }]}
+                  style={[
+                    styles.compactRatingIcon,
+                    {
+                      width: source === 'imdb' ? iconSize * 2 : iconSize,
+                      height: iconSize,
+                      marginRight: iconTextGap,
+                    },
+                  ]}
                   resizeMode="contain"
                 />
               ) : config.icon ? (
@@ -258,13 +272,14 @@ export const RatingsSection: React.FC<RatingsSectionProps> = ({ imdbId, type })
                   })}
                 </View>
               ) : (
-                // Text fallback
-                <Text style={{
-                  color: config.color,
-                  fontSize: textSize,
-                  fontWeight: '900',
-                  marginRight: iconTextGap
-                }}>
+                <Text
+                  style={{
+                    color: config.color,
+                    fontSize: textSize,
+                    fontWeight: '900',
+                    marginRight: iconTextGap,
+                  }}
+                >
                   {config.name}
                 </Text>
               )}

From 504a34df24730505b33edab94ff515a4b4149f72 Mon Sep 17 00:00:00 2001
From: chrisk325 <singaracemas@gmail.com>
Date: Wed, 28 Jan 2026 22:30:52 +0530
Subject: [PATCH 2/2] small fix

---
 src/components/metadata/RatingsSection.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/components/metadata/RatingsSection.tsx b/src/components/metadata/RatingsSection.tsx
index c87c6a4e..3bfefba9 100644
--- a/src/components/metadata/RatingsSection.tsx
+++ b/src/components/metadata/RatingsSection.tsx
@@ -250,6 +250,7 @@ export const RatingsSection: React.FC<RatingsSectionProps> = ({ imdbId, type })
                   uri={config.icon as string}
                   width={source === 'imdb' ? iconSize * 2 : iconSize}
                   height={iconSize}
+                  style={{ marginRight: iconTextGap }}
                 />
               ) : config.isImage ? (
                 <Image