diff --git a/frontend/src/app/(dashboard)/messages/page.tsx b/frontend/src/app/(dashboard)/messages/page.tsx index 60c2106..1dddb51 100644 --- a/frontend/src/app/(dashboard)/messages/page.tsx +++ b/frontend/src/app/(dashboard)/messages/page.tsx @@ -151,7 +151,12 @@ export default function MessagesPage() { React.useEffect(() => { if (scrollRef.current) { - scrollRef.current.scrollTop = scrollRef.current.scrollHeight; + const scrollContainer = scrollRef.current.querySelector( + "[data-slot='scroll-area-viewport']", + ); + if (scrollContainer) { + scrollContainer.scrollTop = scrollContainer.scrollHeight; + } } }, []); @@ -334,19 +339,24 @@ export default function MessagesPage() { {activeConv ? ( <> {/* Header */} -
- - - - {activeConv.recipient.username[0].toUpperCase()} - - -
-

- {activeConv.recipient.displayName || activeConv.recipient.username} -

- En ligne -
+
+ + + + + {activeConv.recipient.username[0].toUpperCase()} + + +
+

+ {activeConv.recipient.displayName || activeConv.recipient.username} +

+ En ligne +
+
{/* Messages */}