From 710cc3453465ea88be3be33a01863953b5cc4f30 Mon Sep 17 00:00:00 2001
From: Shashank Shinde <shashank@cakesofttech.com>
Date: Tue, 26 Sep 2023 17:19:13 +0530
Subject: [PATCH] fix: collectible image not showing

---
 src/pages/Assets/AssetsScreen.tsx | 6 +++++-
 src/pages/rgb/AssetMetaData.tsx   | 6 +++++-
 src/pages/rgb/RGB121TxDetail.tsx  | 6 +++++-
 3 files changed, 15 insertions(+), 3 deletions(-)

diff --git a/src/pages/Assets/AssetsScreen.tsx b/src/pages/Assets/AssetsScreen.tsx
index 015bba3e7..eb1586f1c 100644
--- a/src/pages/Assets/AssetsScreen.tsx
+++ b/src/pages/Assets/AssetsScreen.tsx
@@ -3,6 +3,7 @@ import React, { useEffect, useState } from 'react'
 import {
   FlatList,
   Image,
+  Platform,
   RefreshControl,
   ScrollView,
   StatusBar,
@@ -134,7 +135,10 @@ export default function AssetsScreen( props ) {
         <View style={index == 7 ? styles.randomImageContainer : styles.imageContainer}>
           <Image style={styles.image}
             source={{
-              uri: item.dataPaths[ 0 ].filePath
+              uri: Platform.select( {
+                android: `file://${item.dataPaths[ 0 ].filePath}`,
+                ios: item.dataPaths[ 0 ].filePath
+              } )
             }}
           />
         </View>
diff --git a/src/pages/rgb/AssetMetaData.tsx b/src/pages/rgb/AssetMetaData.tsx
index 5f508814d..dc25aed37 100644
--- a/src/pages/rgb/AssetMetaData.tsx
+++ b/src/pages/rgb/AssetMetaData.tsx
@@ -3,6 +3,7 @@ import React, { useEffect, useState } from 'react'
 import {
   ActivityIndicator,
   Image,
+  Platform,
   SafeAreaView,
   ScrollView,
   StatusBar,
@@ -154,7 +155,10 @@ const AssetMetaData = ( props ) => {
                     }}
                     resizeMode="contain"
                     source={{
-                      uri: asset.dataPaths[ 0 ].filePath
+                      uri: Platform.select( {
+                        android: `file://${asset.dataPaths[ 0 ].filePath}`,
+                        ios: asset.dataPaths[ 0 ].filePath
+                      } )
                     }}
                   />
                   <TouchableOpacity onPress={() => {
diff --git a/src/pages/rgb/RGB121TxDetail.tsx b/src/pages/rgb/RGB121TxDetail.tsx
index 4ca71797d..8c36d264b 100644
--- a/src/pages/rgb/RGB121TxDetail.tsx
+++ b/src/pages/rgb/RGB121TxDetail.tsx
@@ -4,6 +4,7 @@ import {
   ActivityIndicator,
   FlatList,
   Image,
+  Platform,
   SafeAreaView,
   StatusBar,
   StyleSheet,
@@ -170,7 +171,10 @@ export default function RGB121TxDetail( props ) {
             <Image style={{
               height: 50, width: 50, borderRadius: 30
             }} source={{
-              uri: asset.dataPaths[ 0 ].filePath
+              uri: Platform.select( {
+                android: `file://${asset.dataPaths[ 0 ].filePath}`,
+                ios: asset.dataPaths[ 0 ].filePath
+              } )
             }}/>
           </View>}
           isBitcoin={false}