Scene: Fix search lag on list (#2215)

GladysAssistant · Jan 31, 2025 · 6eae46e · 6eae46e
1 parent f947056
commit 6eae46e
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 4 deletions.
diff --git a/front/src/routes/scene/ScenePage.jsx b/front/src/routes/scene/ScenePage.jsx
@@ -23,7 +23,7 @@ const ScenePage = ({ children, ...props }) => (
                 <CardFilter
                   changeOrderDir={props.changeOrderDir}
                   orderValue={props.getScenesOrderDir}
-                  search={props.debouncedSearch}
+                  search={props.search}
                   searchValue={props.sceneSearch}
                   searchPlaceHolder={<Text id="scene.searchPlaceholder" />}
                 />

diff --git a/front/src/routes/scene/index.js b/front/src/routes/scene/index.js
@@ -61,7 +61,7 @@ class Scene extends Component {
       sceneSearch: e.target.value
     });
     this.updateURL();
-    await this.getScenes();
+    await this.debouncedGetScenes();
   };
   searchTags = async tags => {
     await this.setState({
@@ -127,7 +127,7 @@ class Scene extends Component {
       sceneTagSearch: urlParams.getAll('tags') || [],
       loading: true
     };
-    this.debouncedSearch = debounce(this.search.bind(this), 200);
+    this.debouncedGetScenes = debounce(this.getScenes.bind(this), 200);
   }
 
   componentWillMount() {
@@ -143,7 +143,7 @@ class Scene extends Component {
         scenes={scenes}
         getError={getError}
         loading={loading}
-        debouncedSearch={this.debouncedSearch}
+        search={this.search}
         changeOrderDir={this.changeOrderDir}
         switchActiveScene={this.switchActiveScene}
         tags={tags}