SONAR-16297 Replace React legacy lifecycle methods in the global Search

diff --git a/server/sonar-web/src/main/js/app/components/search/Search.tsx b/server/sonar-web/src/main/js/app/components/search/Search.tsx
index 9d3c30f43ffee11ee77bf9bfe5ddecba85750f32..4ddad49b88e4b73218d61296ee356aad9cb0254c 100644 (file)
--- a/server/sonar-web/src/main/js/app/components/search/Search.tsx
+++ b/server/sonar-web/src/main/js/app/components/search/Search.tsx
@@ -84,10 +84,6 @@ export class Search extends React.PureComponent<WithRouterProps, State> {
     });
   }
 
-  componentWillUpdate() {
-    this.nodes = {};
-  }
-
   componentDidUpdate(_prevProps: WithRouterProps, prevState: State) {
     if (prevState.selected !== this.state.selected) {
       this.scrollToSelected();
@@ -171,6 +167,7 @@ export class Search extends React.PureComponent<WithRouterProps, State> {
         if (this.mounted && this.state.query === query) {
           const results: Results = {};
           const more: More = {};
+          this.nodes = {};
           response.results.forEach(group => {
             results[group.q] = group.items.map(item => ({ ...item, qualifier: group.q }));
             more[group.q] = group.more;

diff --git a/server/sonar-web/src/main/js/app/components/search/SearchResult.tsx b/server/sonar-web/src/main/js/app/components/search/SearchResult.tsx
index 6856767f4c54ece9296c846bc7f5d4c1cb474ac4..a34ee40cfd3d0e44f38665b8cae0e37890d3c439 100644 (file)
--- a/server/sonar-web/src/main/js/app/components/search/SearchResult.tsx
+++ b/server/sonar-web/src/main/js/app/components/search/SearchResult.tsx
@@ -53,10 +53,10 @@ export default class SearchResult extends React.PureComponent<Props, State> {
     }
   }
 
-  componentWillReceiveProps(nextProps: Props) {
-    if (!this.props.selected && nextProps.selected) {
+  componentDidUpdate(prevProps: Props) {
+    if (!prevProps.selected && this.props.selected) {
       this.scheduleTooltip();
-    } else if (this.props.selected && !nextProps.selected) {
+    } else if (prevProps.selected && !this.props.selected) {
       this.unscheduleTooltip();
       this.setState({ tooltipVisible: false });
     }