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 1/3] 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

From b89057e50f0a9ae44b65388b395b009cbb4e4402 Mon Sep 17 00:00:00 2001
From: yassinedorbozgithub <yassine.dorboz.2022@gmail.com>
Date: Fri, 9 May 2025 08:33:54 +0100
Subject: [PATCH 2/3] fix(frontend): update style to css class

---
 .../src/components/inbox/components/ConversationsList.tsx     | 3 ++-
 frontend/src/components/inbox/inbox.css                       | 4 ++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/inbox/components/ConversationsList.tsx b/frontend/src/components/inbox/components/ConversationsList.tsx
index a47f8b11..a612f42f 100644
--- a/frontend/src/components/inbox/components/ConversationsList.tsx
+++ b/frontend/src/components/inbox/components/ConversationsList.tsx
@@ -57,7 +57,8 @@ export const SubscribersList = (props: {
       </Grid>
       {subscribers?.length > 0 ? (
         <ConversationList
-          style={{ overflow: "auto" }}
+          className="cs-conversation-list"
+          scrollable={false}
           loading={isFetching}
           loadingMore={isFetching}
           onScroll={({ target }) => {
diff --git a/frontend/src/components/inbox/inbox.css b/frontend/src/components/inbox/inbox.css
index 55bf77f4..330e6c2b 100644
--- a/frontend/src/components/inbox/inbox.css
+++ b/frontend/src/components/inbox/inbox.css
@@ -55,6 +55,10 @@ div .cs-message-input__content-editor-container,
   background-color: var(--cs-message-input-bg) !important;
 }
 
+.cs-conversation-list {
+  overflow: auto !important;
+}
+
 .cs-conversation__info {
   color: #0e2525 !important;
   font-weight: 200;

From 122395006b9110c3588823d9e60f4279fcf78ac0 Mon Sep 17 00:00:00 2001
From: yassinedorbozgithub <yassine.dorboz.2022@gmail.com>
Date: Fri, 9 May 2025 08:36:10 +0100
Subject: [PATCH 3/3] fix(frontend): remove classname automatically aded by
 chat-ui-kit

---
 frontend/src/components/inbox/components/ConversationsList.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/frontend/src/components/inbox/components/ConversationsList.tsx b/frontend/src/components/inbox/components/ConversationsList.tsx
index a612f42f..3a1b1c8b 100644
--- a/frontend/src/components/inbox/components/ConversationsList.tsx
+++ b/frontend/src/components/inbox/components/ConversationsList.tsx
@@ -57,7 +57,6 @@ export const SubscribersList = (props: {
       </Grid>
       {subscribers?.length > 0 ? (
         <ConversationList
-          className="cs-conversation-list"
           scrollable={false}
           loading={isFetching}
           loadingMore={isFetching}