refactor(chat-view): improve chat skeleton positioning when loading m…

…essages (#2202)
zer0-os · Aug 24, 2024 · af3bc8a · af3bc8a
1 parent 95e46c2
commit af3bc8a
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/components/chat-view-container/chat-view.tsx b/src/components/chat-view-container/chat-view.tsx
@@ -271,10 +271,10 @@ export class ChatView extends React.Component<Properties, State> {
                 <Waypoint onEnter={this.props.onFetchMore} />
               </div>
             )}
-            {this.props.messages.length > 0 && this.renderMessages()}
             {!this.props.hasLoadedMessages && this.props.messagesFetchStatus !== MessagesFetchState.FAILED && (
               <ChatSkeleton conversationId={this.props.id} />
             )}
+            {this.props.messages.length > 0 && this.renderMessages()}
           </div>
 
           {this.props.messagesFetchStatus === MessagesFetchState.FAILED && (