Merge pull request #543 from jippi/zh-fix-in-sync

Fix services -> in sync column stuck on question mark (jobs page)
jippi · Feb 21, 2020 · 8c00fad · 8c00fad
2 parents 3544b0c + 899eb8d
commit 8c00fad
Showing 1 changed file with 20 additions and 5 deletions.
diff --git a/frontend/src/components/JobHealth/JobHealth.js b/frontend/src/components/JobHealth/JobHealth.js
@@ -18,19 +18,34 @@ export { JobHealthCell }
 
 class JobHealth extends PureComponent {
   componentDidMount() {
+    this.watch(this.props.jobID);
+  }
+
+  componentWillUnmount() {
+    this.unwatch(this.props.jobID);
+  }
+
+  componentDidUpdate(prevProps) {
+    if (prevProps.jobID !== this.props.jobID) {
+      this.unwatch(prevProps.jobID);
+      this.watch(this.props.jobID);
+    }
+  }
+
+  unwatch = jobID => {
     this.props.dispatch({
-      type: NOMAD_WATCH_JOB_HEALTH,
+      type: NOMAD_UNWATCH_JOB_HEALTH,
       payload: {
-        id: this.props.jobID
+        id: jobID
       }
     })
   }
 
-  componentWillUnmount() {
+  watch = jobID => {
     this.props.dispatch({
-      type: NOMAD_UNWATCH_JOB_HEALTH,
+      type: NOMAD_WATCH_JOB_HEALTH,
       payload: {
-        id: this.props.jobID
+        id: jobID
       }
     })
   }