added header status icons

app/client/mobile/src/conversation/Conversation.styled.ts

@@ -16,6 +16,15 @@ export const styles = StyleSheet.create({
     paddingBottom: 8,
     height: 80,
   },
+  status: {
+    width: 40,
+    height: 32,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+    flexDirection: 'row',
+    gap: 4,
+  },
   assets: {
     display: 'flex',
     flexDirection: 'row',
@@ -104,12 +113,15 @@ export const styles = StyleSheet.create({
     flexDirection: 'row',
     width: '100%',
     minWidth: 0,
+    alignItems: 'center',
   },
   title: {
     display: 'flex',
+    flexDirection: 'row',
     alignItems: 'center',
     justifyContent: 'center',
     flexGrow: 1,
+    gap: 8,
   },
   label: {
     fontSize: 24,

app/client/mobile/src/conversation/Conversation.tsx

@@ -187,8 +187,10 @@ export function Conversation({close}: {close: ()=>void}) {
     <KeyboardAvoidingView behavior={Platform.OS === 'ios' ? 'padding' : 'height'} keyboardVerticalOffset={Platform.OS === 'ios' ? 64 : 50}  style={styles.conversation}>
       <SafeAreaView style={styles.header}>
         <IconButton style={styles.icon} mode="contained" icon="arrow-left" size={28} onPress={onClose} />
+        <View style={styles.status}>
+        </View>
         <View style={styles.title}>
-          { state.detailSet && state.subject && (
+         { state.detailSet && state.subject && (
             <Text adjustsFontSizeToFit={true} numberOfLines={1} style={styles.label}>{ state.subject }</Text>
           )}
           { state.detailSet && state.host && !state.subject && state.subjectNames.length == 0 && (
@@ -201,6 +203,18 @@ export function Conversation({close}: {close: ()=>void}) {
             <Text adjustsFontSizeToFit={true} numberOfLines={1} style={styles.unknown}>{ `, ${state.strings.unknownContact} (${state.unknownContacts})` }</Text>
           )}
         </View>
+        <View style={styles.status}>
+          { state.detailSet && state.host && (
+            <Icon source="home-outline" size={20} />
+          )}
+          { state.detailSet && !state.host && (
+            <Icon source="server" size={20} />
+          )}
+          { state.detailSet && state.sealed && (
+            <Icon source="shield-outline" size={18} />
+          )}
+
+        </View>
         <IconButton style={styles.icon} mode="contained" icon="cog-outline" size={28} onPress={()=>{}} />
       </SafeAreaView>
       <Divider style={styles.border} bold={true} />