From b66a8995a6dde144838b368bf6a8d56b54b2163d Mon Sep 17 00:00:00 2001
From: duogenesis <136373989+duogenesis@users.noreply.github.com>
Date: Tue, 31 Oct 2023 22:08:42 +1100
Subject: [PATCH] Explain "Unavailable"

---
 components/conversation-screen.tsx | 18 ++++++++++++++++++
 components/speech-bubble.tsx       |  2 +-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/components/conversation-screen.tsx b/components/conversation-screen.tsx
index 3c2db31b..a7f23b54 100644
--- a/components/conversation-screen.tsx
+++ b/components/conversation-screen.tsx
@@ -491,6 +491,24 @@ const ConversationScreen = ({navigation, route}) => {
       {!messageFetchTimeout && isAvailableUser &&
         <TextInputWithButton onPress={onPressSend}/>
       }
+      {!messageFetchTimeout && !isAvailableUser &&
+        <DefaultText
+          style={{
+            maxWidth: 600,
+            width: '100%',
+            alignSelf: 'center',
+            textAlign: 'center',
+            padding: 5,
+            paddingTop: 10,
+            paddingBottom: 10,
+            backgroundColor: '#eee',
+            fontFamily: 'Trueno',
+          }}
+        >
+          This person isn't available right now. This often means their account
+          is inactive or was deleted.
+        </DefaultText>
+      }
     </>
   );
 };
diff --git a/components/speech-bubble.tsx b/components/speech-bubble.tsx
index 7cbda81d..eadda6ae 100644
--- a/components/speech-bubble.tsx
+++ b/components/speech-bubble.tsx
@@ -39,7 +39,7 @@ const SpeechBubble = (props: Props) => {
         onPress={onPress}
         style={{
           borderRadius: 10,
-          backgroundColor: props.fromCurrentUser ? '#70f' : '#dddddd',
+          backgroundColor: props.fromCurrentUser ? '#70f' : '#eee',
           alignSelf: props.fromCurrentUser ? 'flex-end' : 'flex-start',
           maxWidth: '80%',
           padding: 10,