Show loading dots when sending message

vintasoftware · Jan 20, 2025 · b04878d · b04878d
1 parent 8a64438
commit b04878d
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/app/(app)/thread/[id].tsx b/app/(app)/thread/[id].tsx
@@ -113,7 +113,7 @@ export default function ThreadPage() {
   return (
     <View className="flex-1 bg-background-50">
       <ChatHeader currentThread={thread} getAvatarURL={getAvatarURL} />
-      <ChatMessageList messages={thread.messages} loading={isLoading} />
+      <ChatMessageList messages={thread.messages} loading={isSending || isLoading} />
       <ChatMessageInput
         message={message}
         setMessage={setMessage}

diff --git a/components/ChatMessageList.tsx b/components/ChatMessageList.tsx
@@ -33,7 +33,7 @@ export function ChatMessageList({ messages, loading }: ChatMessageListProps) {
       windowSize={5}
       removeClippedSubviews
       inverted
-      ListFooterComponent={loading ? <LoadingDots /> : null}
+      ListHeaderComponent={loading ? <LoadingDots /> : null}
     />
   );
 }