From 60fa9482c50ed8f1d944be4161c11c505d35918a Mon Sep 17 00:00:00 2001
From: yassinedorbozgithub <yassine.dorboz.2022@gmail.com>
Date: Fri, 9 May 2025 08:26:36 +0100
Subject: [PATCH] fix(frontend): resolve inbox scrolling top issue

---
 .../inbox/components/ConversationsList.tsx          | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/inbox/components/ConversationsList.tsx b/frontend/src/components/inbox/components/ConversationsList.tsx
index fc0f388e..a47f8b11 100644
--- a/frontend/src/components/inbox/components/ConversationsList.tsx
+++ b/frontend/src/components/inbox/components/ConversationsList.tsx
@@ -57,10 +57,19 @@ export const SubscribersList = (props: {
       </Grid>
       {subscribers?.length > 0 ? (
         <ConversationList
-          scrollable
+          style={{ overflow: "auto" }}
           loading={isFetching}
           loadingMore={isFetching}
-          onYReachEnd={handleLoadMore}
+          onScroll={({ target }) => {
+            const container = target as HTMLDivElement;
+
+            if (
+              container.scrollTop + container.clientHeight >=
+              container.scrollHeight
+            ) {
+              handleLoadMore();
+            }
+          }}
         >
           {subscribers.map((subscriber) => (
             <Conversation