From 44f42a52a1b1e6c7df761de61ef79e175221101c Mon Sep 17 00:00:00 2001
From: Michael Klein <michael@firstiwaslike.com>
Date: Thu, 6 Oct 2022 12:11:56 +0200
Subject: [PATCH] Use HDS in peers.edit.exported

---
 .../app/templates/dc/peers/edit/exported.hbs  | 33 ++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/ui/packages/consul-peerings/app/templates/dc/peers/edit/exported.hbs b/ui/packages/consul-peerings/app/templates/dc/peers/edit/exported.hbs
index c4f893fb9..b7b30f953 100644
--- a/ui/packages/consul-peerings/app/templates/dc/peers/edit/exported.hbs
+++ b/ui/packages/consul-peerings/app/templates/dc/peers/edit/exported.hbs
@@ -1,3 +1,34 @@
 <Route @name={{routeName}} as |route|>
-  <div>This is exported services</div>
+  <DataLoader
+    @src={{uri
+      "/${partition}/${nspace}/${dc}/exported-services/${name}"
+      (hash
+        partition=route.params.partition
+        nspace=route.params.nspace
+        dc=route.params.dc
+        name=route.model.peer.Name
+      )
+    }}
+    as |api|
+  >
+    {{#let
+      (or route.params.partition route.model.user.token.Partition "default")
+      api.data
+      as |partition items|
+    }}
+
+      <BlockSlot @name="error">
+        <AppError @error={{api.error}} @login={{route.model.app.login.open}} />
+      </BlockSlot>
+
+      <BlockSlot @name="loaded">
+        <div class="hds-surface-faint flex h-12 py-1.5 px-1">
+          <div>
+            <Hds::Form::TextInput::Field @type="search" placeholder="Search" />
+          </div>
+        </div>
+        <Consul::Service::List @items={{items}} @partition={{partition}} />
+      </BlockSlot>
+    {{/let}}
+  </DataLoader>
 </Route>
\ No newline at end of file