Merge pull request #991 from Hexastack/975-issue---inbox-doesnt-show-message-history

fix(frontend): resolve inbox scrolling top issue

frontend/src/components/inbox/components/ConversationsList.tsx

@@ -57,10 +57,19 @@ export const SubscribersList = (props: {
       </Grid>
       {subscribers?.length > 0 ? (
         <ConversationList
-          scrollable
+          scrollable={false}
           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

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;