Make mobile chat inbox unavailable message unsticky (#3434)

AudiusProject · May 25, 2023 · 536d3c6 · 536d3c6
1 parent f11f266
commit 536d3c6
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git a/packages/mobile/src/screens/chat-screen/ChatScreen.tsx b/packages/mobile/src/screens/chat-screen/ChatScreen.tsx
@@ -507,6 +507,9 @@ export const ChatScreen = () => {
                   maintainVisibleContentPosition={
                     maintainVisibleContentPosition
                   }
+                  ListHeaderComponent={
+                    canSendMessage ? null : <ChatUnavailable chatId={chatId} />
+                  }
                 />
               </View>
             )}
@@ -521,9 +524,7 @@ export const ChatScreen = () => {
                 <View style={styles.whiteBackground} />
                 <ChatTextInput chatId={chatId} />
               </View>
-            ) : (
-              <ChatUnavailable chatId={chatId} />
-            )}
+            ) : null}
           </KeyboardAvoidingView>
         </View>
       </ScreenContent>

diff --git a/packages/mobile/src/screens/chat-screen/ChatUnavailable.tsx b/packages/mobile/src/screens/chat-screen/ChatUnavailable.tsx
@@ -127,6 +127,8 @@ export const ChatUnavailable = ({ chatId }: ChatUnavailableProps) => {
     handleUnblockPress
   ])
 
+  if (!callToAction) return null
+
   return (
     <View style={styles.root}>
       {mapChatPermissionActionToContent[callToAction]()}