mark message as read on click on scroll to bottom button

ts/components/session/conversation/SessionConversation.tsx

@@ -54,7 +54,6 @@ interface State {
 
   unreadCount: number;
   selectedMessages: Array<string>;
-  displayScrollToBottomButton: boolean;
 
   showOverlay: boolean;
   showRecordingView: boolean;
@@ -106,7 +105,6 @@ export class SessionConversation extends React.Component<Props, State> {
       sendingProgressStatus: 0,
       unreadCount,
       selectedMessages: [],
-      displayScrollToBottomButton: false,
       showOverlay: false,
       showRecordingView: false,
       showOptionsPane: false,
@@ -176,7 +174,6 @@ export class SessionConversation extends React.Component<Props, State> {
       this.setState({
         showOptionsPane: false,
         selectedMessages: [],
-        displayScrollToBottomButton: false,
         showOverlay: false,
         showRecordingView: false,
         stagedAttachments: [],

ts/components/session/conversation/SessionMessagesList.tsx

@@ -559,7 +559,14 @@ export class SessionMessagesList extends React.Component<Props, State> {
       return;
     }
     messageContainer.scrollTop = messageContainer.scrollHeight - messageContainer.clientHeight;
-    this.updateReadMessages();
+    const { messagesProps, conversationKey } = this.props;
+
+    if (!messagesProps || messagesProps.length === 0) {
+      return;
+    }
+
+    const conversation = getConversationController().getOrThrow(conversationKey);
+    void conversation.markRead(messagesProps[0].propsForMessage.receivedAt);
   }
 
   private async scrollToQuoteMessage(options: QuoteClickOptions) {