restore original UI behavior

rajku-dev · Feb 10, 2025 · e50a2a7 · e50a2a7
1 parent 44edd7a
commit e50a2a7
Showing 1 changed file with 5 additions and 7 deletions.
diff --git a/src/pages/Encounters/tabs/EncounterNotesTab.tsx b/src/pages/Encounters/tabs/EncounterNotesTab.tsx
@@ -429,6 +429,7 @@ export const EncounterNotesTab = ({ encounter }: EncounterTabProps) => {
   useEffect(() => {
     if (inView && hasNextPage) {
       fetchNextPage();
+      messagesEndRef.current?.scrollIntoView();
     }
   }, [
     inView,
@@ -637,12 +638,7 @@ export const EncounterNotesTab = ({ encounter }: EncounterTabProps) => {
                         </div>
                       ) : (
                         messages.map((message, index) => (
-                          <div
-                            key={message.id}
-                            ref={index === messages.length / 2 ? ref : null}
-                          >
-                            <MessageItem key={message.id} message={message} />
-                          </div>
+                          <MessageItem key={message.id} message={message} />
                         ))
                       )}
                       {isFetchingNextPage ? (
@@ -651,7 +647,9 @@ export const EncounterNotesTab = ({ encounter }: EncounterTabProps) => {
                             <CardListSkeleton count={3} />
                           </div>
                         </div>
-                      ) : null}
+                      ) : (
+                        <div ref={ref} />
+                      )}
                     </div>
                   </ScrollArea>
                   {/* Message Input */}