Icon background colours changed

App.tsx

@@ -42,7 +42,7 @@ import { StorageKeys } from './src/types/storageKeys';
 import dayJs from 'dayjs';
 import { GlobalImageMap, hydrateGlobalImageMap } from './src/common/CachedImage';
 import analytics from '@react-native-firebase/analytics';
-import handleUpdatedConfigureValuesFromFirebase from './src/services/firebaseFetchAndUpdate.service';
+import fetchUpdatedRemoteConfig from './src/services/firebaseFetchAndUpdate.service';
 import { addClickstreamEvent } from './src/services/clickstreamEventService';
 
 initSentry();
@@ -125,7 +125,7 @@ function App() {
   });
 
   React.useEffect(() => {
-    handleUpdatedConfigureValuesFromFirebase();
+    fetchUpdatedRemoteConfig();
     askForPermissions();
     const appStateChange = AppState.addEventListener('change', async (change) => {
       handleAppStateChange(change);

src/screens/permissions/BlockerScreenApps.tsx

@@ -31,7 +31,7 @@ const BlockerScreenApps: React.FC<{ blacklistedAppsInstalled: Apps[] }> = ({
           {blacklistedAppsInstalled.map((app: Apps, index: number) => (
             <View key={index}>
               <View style={styles.appsListItem}>
-                <Image source={{ uri: app.applicationIcon }} style={{ width: 30, height: 30 }} />
+                <Image source={{ uri: app.applicationIcon }} style={styles.appIcon} />
                 <Text style={[styles.textDark, styles.appNameText]}>{app.applicationName}</Text>
               </View>
               {index < blacklistedAppsInstalled.length - 1 && (
@@ -49,6 +49,7 @@ const styles = StyleSheet.create({
   container: {
     flexDirection: 'column',
     flex: 1,
+    backgroundColor: 'white',
   },
 
   imageContainer: {
@@ -90,6 +91,13 @@ const styles = StyleSheet.create({
     fontSize: 12,
   },
 
+  appIcon: {
+    width: 35,
+    height: 35,
+    backgroundColor: 'white',
+    borderRadius: 20,
+  },
+
   horizontalLine: {
     backgroundColor: '#E5E5E5',
     width: '100%',

src/services/firebaseFetchAndUpdate.service.ts

@@ -9,7 +9,7 @@ import handleBlacklistedAppsForBlockingCosmos from './blacklistedApps.service';
 
 // const FIREBASE_FETCH_TIME = 15 * 60;
 const FIREBASE_FETCH_TIME = 1;
-async function handleUpdatedConfigureValuesFromFirebase() {
+async function fetchUpdatedRemoteConfig() {
   await remoteConfig().fetch(FIREBASE_FETCH_TIME); //15 minutes
   remoteConfig()
     .activate()
@@ -39,4 +39,4 @@ async function handleUpdatedConfigureValuesFromFirebase() {
     });
 }
 
-export default handleUpdatedConfigureValuesFromFirebase;
+export default fetchUpdatedRemoteConfig;