Merge pull request #1391 from massenergize/fix-teams-search-field

Fix: search functionality on the TeamsPage
massenergize · Jul 11, 2024 · ae8f992 · ae8f992
2 parents 0343ebe + 75d5e62
commit ae8f992
Showing 1 changed file with 3 additions and 0 deletions.
diff --git a/src/components/Pages/TeamsPage/TeamsPage.js b/src/components/Pages/TeamsPage/TeamsPage.js
@@ -33,6 +33,7 @@ class TeamsPage extends React.Component {
       createTeamModalOpen: false,
       redirectID: null,
       teamsData: getTeamsData(teamsStats),
+      searchText: "",
     };
   }
 
@@ -64,6 +65,7 @@ class TeamsPage extends React.Component {
 
   handleSearch(event) {
     const { teamsData } = this.state;
+    this.setState({ searchText: event.target.value.trim() });
 
     const query = event.target.value.trim();
     if (query === "" || teamsData.length === 0) {
@@ -211,6 +213,7 @@ class TeamsPage extends React.Component {
                   <METextField
                     onChange={(event) => this.handleSearch(event)}
                     type="text"
+                    value={this.state.searchText}
                     placeholder="Search for a team..."
                   />
                 </div>