Explain "Unavailable"

duolicious · Oct 31, 2023 · b66a899 · b66a899
1 parent fa6a540
commit b66a899
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 1 deletion.
diff --git 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
@@ -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,