From ae10a3c03c972ace2f03dff69c6bc6d499f3b781 Mon Sep 17 00:00:00 2001
From: Roland Osborne <roland.osborne@gmail.com>
Date: Tue, 4 Oct 2022 15:02:40 -0700
Subject: [PATCH] rendering topics

---
 app/mobile/src/context/useProfileContext.hook.js     | 7 +++++++
 app/mobile/src/session/conversation/Conversation.jsx | 3 ++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/app/mobile/src/context/useProfileContext.hook.js b/app/mobile/src/context/useProfileContext.hook.js
index 1fdc9008..9a8dbc95 100644
--- a/app/mobile/src/context/useProfileContext.hook.js
+++ b/app/mobile/src/context/useProfileContext.hook.js
@@ -76,6 +76,13 @@ export function useProfileContext() {
       const { server, appToken } = session.current;
       return await getHandle(server, appToken, name);
     },
+    getImageUrl: () => {
+      const { server, appToken } = session.current;
+      if (!state.profile.image) {
+        return null;
+      }
+      return getProfileImageUrl(server, appToken, state.profile.revision);
+    },
   }
 
   return { state, actions }
diff --git a/app/mobile/src/session/conversation/Conversation.jsx b/app/mobile/src/session/conversation/Conversation.jsx
index cf845a53..bc18870e 100644
--- a/app/mobile/src/session/conversation/Conversation.jsx
+++ b/app/mobile/src/session/conversation/Conversation.jsx
@@ -8,6 +8,7 @@ import Ionicons from '@expo/vector-icons/AntDesign';
 import Colors from 'constants/Colors';
 import { SafeAreaView } from 'react-native-safe-area-context';
 import { AddTopic } from './addTopic/AddTopic';
+import { TopicItem } from './topicItem/TopicItem';
 
 export function ConversationHeader({ closeConversation, openDetails }) {
   const navigation = useNavigation();
@@ -54,7 +55,7 @@ export function ConversationBody() {
         onScrollBeginDrag={actions.unlatch}
         maintainVisibleContentPosition={ state.latched ? null : { minIndexForVisibile: 2, } }
         inverted={true}
-        renderItem={({item}) => <View><Text>ITEM { item?.detail?.data }</Text></View>}
+        renderItem={({item}) => (<TopicItem item={item} />)}
         keyExtractor={item => item.topicId}
       />
       <View>