Merge pull request #1709 from weseek/feat/1224-user-management-control

Feat/1224 user management control

src/client/js/components/Admin/UserManagement.jsx

@@ -79,7 +79,15 @@ class UserManagement extends React.Component {
 
     const clearButton = (
       adminUsersContainer.state.searchText.length > 0
-        ? <i className="icon-close search-clear"></i>
+        ? (
+          <i
+            className="icon-close search-clear"
+            onClick={() => {
+              adminUsersContainer.clearSearchText();
+              this.searchUserElement.value = '';
+            }}
+          />
+        )
         : ''
     );
 
@@ -102,7 +110,11 @@ class UserManagement extends React.Component {
             <div>
               <i className="icon-magnifier mr-1"></i>
               <span className="search-typeahead">
-                <input type="text" name="name" onChange={this.handleChangeSearchText} />
+                <input
+                  type="text"
+                  ref={(searchUserElement) => { this.searchUserElement = searchUserElement }}
+                  onChange={this.handleChangeSearchText}
+                />
                 { clearButton }
               </span>
             </div>

src/client/js/services/AdminUsersContainer.js

@@ -87,6 +87,10 @@ export default class AdminUsersContainer extends Container {
     this.setState({ searchText });
   }
 
+  clearSearchText() {
+    this.setState({ searchText: '' });
+  }
+
   /**
    * syncUsers of selectedPage
    * @memberOf AdminUsersContainer