show upload progress

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

@@ -92,6 +92,12 @@ export const styles = StyleSheet.create({
     width: '100%',
     height: 2,
   },
+  progress: {
+    height: 1,
+    position: 'absolute',
+    width: '50%',
+    backgroundColor: Colors.primary,
+  },
   header: {
     display: 'flex',
     flexDirection: 'row',

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

@@ -231,7 +231,11 @@ export function Conversation({close}: {close: ()=>void}) {
           </View>
         )}
       </View>
-      <Divider style={styles.border} bold={true} />
+      <Divider style={styles.border} bold={true}>
+        { sending && (
+          <View style={{ ...styles.progress, width: `${state.progress}%` }} />
+        )}
+      </Divider>
       <Confirm show={alert} params={alertParams} />
       <View style={styles.add}>
         { media.length > 0 && (