From 3bdae6dce88ae0cdd6fae64bcf5d0dc6a71a6263 Mon Sep 17 00:00:00 2001
From: Cameron Perera <cameron.perera@hashicorp.com>
Date: Thu, 28 Apr 2022 17:35:52 -0500
Subject: [PATCH] =?UTF-8?q?feat:=20=F0=9F=8E=B8=20refresh=20targets=20list?=
 =?UTF-8?q?=20view=20in=20desktop=20(#1087)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

✅ Closes: ICU-4024
---
 ui/desktop/app/routes/scopes/scope/projects/targets.js | 10 ++++++++++
 .../templates/scopes/scope/projects/targets/index.hbs  |  3 +++
 2 files changed, 13 insertions(+)

diff --git a/ui/desktop/app/routes/scopes/scope/projects/targets.js b/ui/desktop/app/routes/scopes/scope/projects/targets.js
index 345467ff0..7fa97b993 100644
--- a/ui/desktop/app/routes/scopes/scope/projects/targets.js
+++ b/ui/desktop/app/routes/scopes/scope/projects/targets.js
@@ -1,6 +1,7 @@
 import Route from '@ember/routing/route';
 import { inject as service } from '@ember/service';
 import { action } from '@ember/object';
+import { loading } from 'ember-loading';
 import { resourceFilter } from 'core/decorators/resource-filter';
 import runEvery from 'ember-pollster/decorators/route/run-every';
 import config from '../../../../config/environment';
@@ -140,4 +141,13 @@ export default class ScopesScopeProjectsTargetsRoute extends Route {
   clearAllFilters() {
     this.project = [];
   }
+
+  /**
+   * refreshes target data.
+   */
+  @action
+  @loading
+  async refreshTargets() {
+    return this.refresh();
+  }
 }
diff --git a/ui/desktop/app/templates/scopes/scope/projects/targets/index.hbs b/ui/desktop/app/templates/scopes/scope/projects/targets/index.hbs
index d32b85516..2043b2a88 100644
--- a/ui/desktop/app/templates/scopes/scope/projects/targets/index.hbs
+++ b/ui/desktop/app/templates/scopes/scope/projects/targets/index.hbs
@@ -83,6 +83,9 @@
               >{{t 'actions.clear-all-filters'}}
               </Rose::Button>
             {{/if}}
+            <LoadingButton @onClick={{route-action 'refreshTargets'}}>
+              {{t 'actions.refresh'}}
+            </LoadingButton>
           </Rose::Form>
         </Rose::Toolbar>
       {{/if}}