SONAR-16296 Replace React legacy lifecycle methods in Users App

diff --git a/server/sonar-web/src/main/js/apps/users/UsersApp.tsx b/server/sonar-web/src/main/js/apps/users/UsersApp.tsx
index a7e2877cec74c994783edf2db53e2ffb198d8a4d..5ddcdda1afe4ded84615a8d4eea31dead7aac4cb 100644 (file)
--- a/server/sonar-web/src/main/js/apps/users/UsersApp.tsx
+++ b/server/sonar-web/src/main/js/apps/users/UsersApp.tsx
@@ -55,9 +55,9 @@ export class UsersApp extends React.PureComponent<Props, State> {
     this.fetchUsers();
   }
 
-  componentWillReceiveProps(nextProps: Props) {
-    if (nextProps.location.query.search !== this.props.location.query.search) {
-      this.fetchUsers(nextProps);
+  componentDidUpdate(prevProps: Props) {
+    if (prevProps.location.query.search !== this.props.location.query.search) {
+      this.fetchUsers();
     }
   }
 
@@ -78,7 +78,8 @@ export class UsersApp extends React.PureComponent<Props, State> {
       }
     });
 
-  fetchUsers = ({ location } = this.props) => {
+  fetchUsers = () => {
+    const { location } = this.props;
     this.setState({ loading: true });
     searchUsers({ q: parseQuery(location.query).search }).then(({ paging, users }) => {
       if (this.mounted) {