From 01d4a329abf319c66d4cf612d50e4776b51646cd Mon Sep 17 00:00:00 2001
From: Devon Anderson <devon.anderson@hashicorp.com>
Date: Tue, 2 Jan 2024 10:15:19 -0500
Subject: [PATCH] =?UTF-8?q?refactor:=20=F0=9F=92=A1=20Migrate=20host-sets-?=
 =?UTF-8?q?list=20in=20host=20catalog=20to=20`Hds`=20(#2057)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* refactor: 💡 Migrate host-sets-list in host catalog to `Hds`

Migrate `host-catalog` `host-sets` list to use `Hds::Table`

✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11727

* refactor: 💡 refactor incorrect use of `Hds::Code::Snippet`

Revactor incorrect use of `Hds::Code::Snippet`

✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11727

* Update index.hbs

color for text should be `secondary`

* Update index.hbs

lint error

* refactor: 💡 quick lint fix

quick lint fix

✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11727
---
 .../host-catalog/host-sets/index.hbs          | 77 +++++++++----------
 1 file changed, 38 insertions(+), 39 deletions(-)

diff --git a/ui/admin/app/templates/scopes/scope/host-catalogs/host-catalog/host-sets/index.hbs b/ui/admin/app/templates/scopes/scope/host-catalogs/host-catalog/host-sets/index.hbs
index 6adb370db..20f391a3d 100644
--- a/ui/admin/app/templates/scopes/scope/host-catalogs/host-catalog/host-sets/index.hbs
+++ b/ui/admin/app/templates/scopes/scope/host-catalogs/host-catalog/host-sets/index.hbs
@@ -22,47 +22,46 @@
 
   <page.body>
     {{#if @model.hostSets}}
-      <Rose::Table as |table|>
-        <table.header as |header|>
-          <header.row as |row|>
-            <row.headerCell>{{t 'form.name.label'}}</row.headerCell>
-            <row.headerCell>{{t 'form.type.label'}}</row.headerCell>
-            <row.headerCell>{{t 'form.id.label'}}</row.headerCell>
-          </header.row>
-        </table.header>
 
-        <table.body as |body|>
-          {{#each @model.hostSets as |hostSet|}}
-            <body.row as |row|>
-              <row.headerCell>
-                {{#if (can 'read model' hostSet)}}
-                  <LinkTo
-                    @route='scopes.scope.host-catalogs.host-catalog.host-sets.host-set'
-                    @model={{hostSet.id}}
-                  >
-                    {{hostSet.displayName}}
-                  </LinkTo>
-                {{else}}
-                  {{hostSet.displayName}}
-                {{/if}}
-                <p>{{hostSet.description}}</p>
-              </row.headerCell>
-              <row.cell>
-                <HostCatalogTypeBadge @model={{hostSet}} />
-              </row.cell>
-              <row.cell>
-                <Copyable
-                  @text={{hostSet.id}}
-                  @buttonText={{t 'actions.copy-to-clipboard'}}
-                  @acknowledgeText={{t 'states.copied'}}
+      <Hds::Table
+        @model={{@model.hostSets}}
+        @columns={{array
+          (hash label=(t 'form.name.label'))
+          (hash label=(t 'form.type.label'))
+          (hash label=(t 'form.id.label'))
+        }}
+      >
+        <:body as |B|>
+          <B.Tr>
+            <B.Td>
+              {{#if (can 'read model' B.data)}}
+                <LinkTo
+                  @route='scopes.scope.host-catalogs.host-catalog.host-sets.host-set'
+                  @model={{B.data.id}}
                 >
-                  <code>{{hostSet.id}}</code>
-                </Copyable>
-              </row.cell>
-            </body.row>
-          {{/each}}
-        </table.body>
-      </Rose::Table>
+                  {{B.data.displayName}}
+                </LinkTo>
+              {{else}}
+                <Hds::Text::Body @tag='p'>
+                  {{B.data.displayName}}
+                </Hds::Text::Body>
+              {{/if}}
+              <Hds::Text::Body @tag='p'>
+                {{B.data.description}}
+              </Hds::Text::Body>
+            </B.Td>
+            <B.Td>
+              <HostCatalogTypeBadge @model={{B.data}} />
+            </B.Td>
+            <B.Td>
+              <Hds::Copy::Snippet
+                @color='secondary'
+                @textToCopy={{B.data.id}}
+              />
+            </B.Td>
+          </B.Tr>
+        </:body>
+      </Hds::Table>
 
     {{else}}
       <Rose::Layout::Centered>