watching the job watcher

ui/app/controllers/jobs/job.js

@@ -22,21 +22,17 @@ export default class JobController extends Controller {
     return this.model;
   }
 
-  get jobNotFoundFromServer() {
-    return (
-      this.watchers.job.isError &&
-      this.watchers.job.error.errors?.some((e) => e.status === '404')
-    );
-  }
-
   @action notFoundJobHandler() {
-    if (this.jobNotFoundFromServer) {
+    if (
+      this.watchers.job.isError &&
+      this.watchers.job.error?.errors?.some((e) => e.status === '404')
+    ) {
       this.notifications.add({
-        title: `Job ${this.job.name} has been deleted`,
+        title: `Job "${this.job.name}" has been deleted`,
         message:
           'The job you were looking at has been deleted; this is usually because it was purged from elsewhere.',
         color: 'critical',
-        destroyOnClick: false,
+        sticky: true,
       });
       this.router.transitionTo('jobs');
     }

ui/app/routes/jobs/job.js

@@ -9,6 +9,7 @@ import RSVP from 'rsvp';
 import notifyError from 'nomad-ui/utils/notify-error';
 import classic from 'ember-classic-decorator';
 import { watchRecord } from 'nomad-ui/utils/properties/watch';
+import { collect } from '@ember/object/computed';
 import WithWatchers from 'nomad-ui/mixins/with-watchers';
 
 @classic
@@ -71,4 +72,6 @@ export default class JobRoute extends Route.extend(WithWatchers) {
   }
 
   @watchRecord('job', { shouldSurfaceErrors: true }) watch;
+  @collect('watch')
+  watchers;
 }

ui/app/templates/jobs/job.hbs

@@ -3,5 +3,5 @@
   SPDX-License-Identifier: MPL-2.0
 ~}}
 
-{{did-update this.notFoundJobHandler this.jobNotFoundFromServer}}
+{{did-update this.notFoundJobHandler this.watchers.job.isError}}
 <Breadcrumb @crumb={{hash type="job" job=this.job}} />{{outlet}}