From c48fdb20171ee594c40661b6d24c63a55bce6c1b Mon Sep 17 00:00:00 2001
From: Devon Anderson <devon.anderson@hashicorp.com>
Date: Wed, 17 Jan 2024 09:34:08 -0500
Subject: [PATCH] =?UTF-8?q?refactor:=20=F0=9F=92=A1=20Migrate=20`worker`?=
 =?UTF-8?q?=20detail=20view=20table=20to=20`Hds::Table`=20(#2081)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* refactor: 💡 Migrate `worker` detail view table to `Hds::Table`

Migrate `worker` detail view for `config_tags` table to `Hds::Table`

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

* refactor: 💡 fix lint errors

fix lint errors

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

* refactor: 💡 quick clean up of specificity for worker detail
view

Quick refactor and clean up of specificity for worker detail view

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

* refactor: 💡 include styles in `.list-wrapper-field` selector

Include styles in `.list-wrapper-field` selector

✅ Closes: https://hashicorp.atlassian.net/browse/ICU-11720
---
 ui/admin/app/components/form/worker/index.hbs | 49 +++++++++----------
 ui/admin/app/styles/app.scss                  |  9 +++-
 2 files changed, 30 insertions(+), 28 deletions(-)

diff --git a/ui/admin/app/components/form/worker/index.hbs b/ui/admin/app/components/form/worker/index.hbs
index c30f355dc..5f547c12a 100644
--- a/ui/admin/app/components/form/worker/index.hbs
+++ b/ui/admin/app/components/form/worker/index.hbs
@@ -57,36 +57,31 @@
       </F.Error>
     {{/if}}
   </Hds::Form::Textarea::Field>
-  <form.fieldset>
-    <:title>{{t 'resources.worker.form.worker_tags.label'}}</:title>
-    <:description>{{t 'resources.worker.form.worker_tags.help'}}</:description>
-    <:body>
-      <Rose::Table @style='condensed' as |table|>
-        <table.body as |body|>
+
+  <Hds::Form::Fieldset as |F|>
+    <F.Legend>{{t 'resources.worker.form.worker_tags.label'}}</F.Legend>
+    <F.HelperText>{{t 'resources.worker.form.worker_tags.help'}}</F.HelperText>
+    <F.Control>
+      <Hds::Table class='list-wrapper-field config-tags' name='config_tags'>
+        <:body as |B|>
           {{#each-in @model.config_tags as |key value|}}
-            <body.row as |row|>
-              <row.cell>
-                <form.input
-                  @type='text'
-                  @value={{key}}
-                  @disabled={{true}}
-                  @readOnly={{true}}
+            <B.Tr>
+              <B.Td>
+                <Hds::Form::TextInput::Base @value={{key}} disabled={{true}} />
+              </B.Td>
+              <B.Td>
+                <Hds::Form::TextInput::Base
+                  @value={{value}}
+                  disabled={{true}}
                 />
-              </row.cell>
-              <row.cell>
-                <form.input
-                  @type='text'
-                  @value={{join ', ' value}}
-                  @disabled={{true}}
-                  @readOnly={{true}}
-                />
-              </row.cell>
-            </body.row>
+              </B.Td>
+            </B.Tr>
           {{/each-in}}
-        </table.body>
-      </Rose::Table>
-    </:body>
-  </form.fieldset>
+        </:body>
+      </Hds::Table>
+    </F.Control>
+  </Hds::Form::Fieldset>
+
   <form.input
     @name='address'
     @type='url'
diff --git a/ui/admin/app/styles/app.scss b/ui/admin/app/styles/app.scss
index b50576e82..7db2a85c6 100644
--- a/ui/admin/app/styles/app.scss
+++ b/ui/admin/app/styles/app.scss
@@ -732,7 +732,14 @@
       }
     }
   }
-  /* stylelint-enable selector-class-pattern */
+
+  &.config-tags {
+    .hds-table__td:last-child {
+      // remove width from last cell
+      width: unset;
+    }
+    /* stylelint-enable selector-class-pattern */
+  }
 }
 
 .auth-methods-list-alert {