From 04d520748bb40b67c31609dcb1498a77d8970650 Mon Sep 17 00:00:00 2001
From: balzack <roland.osborne@gmail.com>
Date: Sun, 16 Oct 2022 14:26:55 -0700
Subject: [PATCH] debugging logo flicker

---
 .../src/session/conversation/topicItem/TopicItem.jsx   | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/app/mobile/src/session/conversation/topicItem/TopicItem.jsx b/app/mobile/src/session/conversation/topicItem/TopicItem.jsx
index 518d68be..94127d85 100644
--- a/app/mobile/src/session/conversation/topicItem/TopicItem.jsx
+++ b/app/mobile/src/session/conversation/topicItem/TopicItem.jsx
@@ -1,4 +1,4 @@
-import { FlatList, View, Text, TouchableOpacity, Modal } from 'react-native';
+import { FlatList, View, Text, TouchableOpacity, Modal, Image } from 'react-native';
 import { useTopicItem } from './useTopicItem.hook';
 import { styles } from './TopicItem.styled';
 import { Logo } from 'utils/Logo';
@@ -12,6 +12,7 @@ import { VideoAsset } from './videoAsset/VideoAsset';
 import AntIcons from '@expo/vector-icons/AntDesign';
 import Carousel from 'react-native-snap-carousel';
 import GestureRecognizer from 'react-native-swipe-gestures';
+import avatar from 'images/avatar.png';
 
 export function TopicItem({ item }) {
 
@@ -53,7 +54,12 @@ export function TopicItem({ item }) {
   return (
     <View style={styles.item}>
       <View style={styles.header}>
-        <Logo src={state.logo} width={28} height={28} radius={6} />
+        { state.logo && (
+          <Image source={{ uri: state.logo }} style={{ width: 28, height: 28, borderRadius: 6 }} />
+        )}
+        { !state.logo && (
+          <Image source={avatar} style={{ width: 28, height: 28, borderRadius: 6 }} />
+        )}
         <Text style={styles.name}>{ state.name }</Text>
         <Text style={styles.timestamp}>{ state.timestamp }</Text>
       </View>