:recycle: [Refactor] Move ChatSessionContainerScrollBinder to SreenScroller.bind()

components/buttons_binder.js

@@ -23,9 +23,6 @@ export class ButtonsBinder {
         show_endpoint_and_key_binder.bind();
         let scroll_to_bottom_binder = new ScrollToBottomButtonBinder();
         scroll_to_bottom_binder.bind();
-        let chat_session_container_scroll_binder =
-            new ChatSessionContainerScrollBinder();
-        chat_session_container_scroll_binder.bind();
         let screenshot_button_binder = new ScreenshotButtonBinder();
         screenshot_button_binder.bind();
         let available_models_select_binder = new AvailableModelsSelectBinder();
@@ -189,17 +186,6 @@ class ScrollToBottomButtonBinder {
     }
 }
 
-class ChatSessionContainerScrollBinder {
-    constructor() {}
-    bind() {
-        $("#chat-session-container").on("wheel touchmove", function () {
-            if ($("#send-user-input").attr("status") === "stop") {
-                screen_scroller.set_user_scrolling(true);
-            }
-        });
-    }
-}
-
 class ScreenshotButtonBinder {
     constructor() {}
     bind() {

storage/states.js

@@ -2,6 +2,14 @@ class ScreenScroller {
     constructor() {
         this.is_user_scrolling = false;
     }
+    bind() {
+        let self = this;
+        $("#chat-session-container").on("wheel touchmove", function () {
+            if ($("#send-user-input").attr("status") === "stop") {
+                self.set_user_scrolling(true);
+            }
+        });
+    }
     get_user_scrolling() {
         return this.is_user_scrolling;
     }
@@ -12,7 +20,6 @@ class ScreenScroller {
         if (this.get_user_scrolling()) {
             return;
         }
-        console.log("scroll_to_bottom");
         if (animate) {
             $("#chat-session-container").animate(
                 {
@@ -32,3 +39,4 @@ class ScreenScroller {
 }
 
 export let screen_scroller = new ScreenScroller();
+screen_scroller.bind();