fix image loader styling

Author: wsdt

mobile/components/OImageWithLoader/OImageWithLoader.tsx

@@ -4,21 +4,17 @@ import {
     ActivityIndicator,
     Image,
     ImageProps,
-    StyleProp,
     StyleSheet,
     View,
-    ViewStyle,
 } from "react-native";
 
-interface OImageWithLoaderProps extends ImageProps {
-    containerStyle?: StyleProp<ViewStyle>;
-}
+interface OImageWithLoaderProps extends ImageProps {}
 
 export const OImageWithLoader = (props: OImageWithLoaderProps) => {
     const [isLoading, setIsLoading] = useState(false);
 
     return (
-        <View style={[styles.container, props.containerStyle]}>
+        <View style={[styles.container, props.style]}>
             <Image
                 {...props}
                 style={[styles.image, props.style]}

mobile/screens/main/ProfileView.tsx

@@ -13,7 +13,6 @@ import React, { useEffect, useRef, useState } from "react";
 import {
     Dimensions,
     FlatList,
-    Image,
     Modal,
     StyleSheet,
     Text,
@@ -128,7 +127,7 @@ const ProfileView = ({
                             setCurrentImageIndex(0);
                         }}
                     >
-                        <Image
+                        <OImageWithLoader
                             source={{ uri: getValidImgURI(user.imageURIs[0]) }}
                             style={styles.carouselImage}
                             resizeMode="cover"
@@ -190,7 +189,7 @@ const ProfileView = ({
                         scrollAnimationDuration={1000}
                         defaultIndex={currentImageIndex}
                         renderItem={({ item }) => (
-                            <Image
+                            <OImageWithLoader
                                 source={{ uri: item }}
                                 style={styles.fullScreenImage}
                                 resizeMode="contain"