From ad3c8793e2d5788495df411099b4d893c0ea2c60 Mon Sep 17 00:00:00 2001
From: balzack <roland.osborne@gmail.com>
Date: Fri, 3 Jan 2025 08:53:49 -0800
Subject: [PATCH] show upload progress

---
 app/client/mobile/src/conversation/Conversation.styled.ts | 6 ++++++
 app/client/mobile/src/conversation/Conversation.tsx       | 6 +++++-
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/app/client/mobile/src/conversation/Conversation.styled.ts b/app/client/mobile/src/conversation/Conversation.styled.ts
index f3447854..e61192e1 100644
--- a/app/client/mobile/src/conversation/Conversation.styled.ts
+++ b/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',
diff --git a/app/client/mobile/src/conversation/Conversation.tsx b/app/client/mobile/src/conversation/Conversation.tsx
index 96f746f3..668673a0 100644
--- a/app/client/mobile/src/conversation/Conversation.tsx
+++ b/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 && (