feat(lib): add a better loader for chat

pubnub · Oct 16, 2023 · d83e251 · d83e251
1 parent b9bdcb8
commit d83e251
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/samples/react-native-group-chat/screens/ordinary/chat/Chat.tsx b/samples/react-native-group-chat/screens/ordinary/chat/Chat.tsx
@@ -25,7 +25,7 @@ export function ChatScreen({}: StackScreenProps<HomeStackParamList, "Chat">) {
     useContext(ChatContext)
   const navigation = useNavigation()
   const [isMoreMessages, setIsMoreMessages] = useState(true)
-  const [isLoadingMoreMessages, setIsLoadingMoreMessages] = useState(false)
+  const [isLoadingMoreMessages, setIsLoadingMoreMessages] = useState(true)
   const [giftedChatMappedMessages, setGiftedChatMappedMessages] = useState<EnhancedIMessage[]>([])
   const [typingData, setTypingData] = useState<string[]>([])
   const [messageDraft, setMessageDraft] = useState<MessageDraft | null>(null)
@@ -155,6 +155,7 @@ export function ChatScreen({}: StackScreenProps<HomeStackParamList, "Chat">) {
       if (!currentChannel) {
         return
       }
+      setIsLoadingMoreMessages(true)
       setGiftedChatMappedMessages([])
 
       const historicalMessagesObject = await currentChannel.getHistory({ count: 5 })
@@ -194,6 +195,8 @@ export function ChatScreen({}: StackScreenProps<HomeStackParamList, "Chat">) {
             .reverse()
         )
       )
+
+      setIsLoadingMoreMessages(false)
     }
 
     switchChannelImplementation()