From b3604e3e406f4cd9fad1df14ce8e211db0b3b830 Mon Sep 17 00:00:00 2001
From: Cameron Perera <cameron.perera@hashicorp.com>
Date: Thu, 1 May 2025 11:59:10 -0500
Subject: [PATCH] =?UTF-8?q?refactor:=20=F0=9F=92=A1=20update=20code=20tag?=
 =?UTF-8?q?=20to=20use=20Hds::Text::Code=20(#2805)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* refactor: 💡 update code tag to use Hds::Text::Code

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

* refactor: 💡 remove explicit code tag attribute

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

* refactor: 💡 fix extra white space

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

* refactor: 💡 remove color from p span style for workers

✅ Closes: https://hashicorp.atlassian.net/browse/ICU-16961
---
 ui/admin/app/components/form/group/add-members/index.hbs    | 6 +++++-
 ui/admin/app/components/form/target/add-host-sets/index.hbs | 6 +++++-
 ui/admin/app/components/form/user/add-accounts/index.hbs    | 6 +++++-
 .../app/components/form/worker/create-worker-led/index.hbs  | 5 +++--
 ui/admin/app/styles/app.scss                                | 3 +--
 ui/desktop/app/templates/scopes/scope/authenticate.hbs      | 4 +++-
 6 files changed, 22 insertions(+), 8 deletions(-)

diff --git a/ui/admin/app/components/form/group/add-members/index.hbs b/ui/admin/app/components/form/group/add-members/index.hbs
index 8c9cf9cdf..9ef10bbe0 100644
--- a/ui/admin/app/components/form/group/add-members/index.hbs
+++ b/ui/admin/app/components/form/group/add-members/index.hbs
@@ -41,7 +41,11 @@
               {{/if}}
             </Hds::Form::Checkbox::Field>
           </B.Td>
-          <B.Td><code>{{B.data.id}}</code></B.Td>
+          <B.Td>
+            <Hds::Text::Code>
+              {{B.data.id}}
+            </Hds::Text::Code>
+          </B.Td>
           <B.Td><ScopeBadge @scope={{B.data.scopeModel}} /></B.Td>
           <B.Td>{{B.data.description}}</B.Td>
         </B.Tr>
diff --git a/ui/admin/app/components/form/target/add-host-sets/index.hbs b/ui/admin/app/components/form/target/add-host-sets/index.hbs
index d082d8dc4..dd2e296b7 100644
--- a/ui/admin/app/components/form/target/add-host-sets/index.hbs
+++ b/ui/admin/app/components/form/target/add-host-sets/index.hbs
@@ -40,7 +40,11 @@
           </B.Td>
           <B.Td>{{B.data.name}}</B.Td>
           <B.Td><HostCatalogTypeBadge @model={{B.data}} /></B.Td>
-          <B.Td><code>{{B.data.host_catalog_id}}</code></B.Td>
+          <B.Td>
+            <Hds::Text::Code>
+              {{B.data.host_catalog_id}}
+            </Hds::Text::Code>
+          </B.Td>
         </B.Tr>
       </:body>
     </Hds::Table>
diff --git a/ui/admin/app/components/form/user/add-accounts/index.hbs b/ui/admin/app/components/form/user/add-accounts/index.hbs
index 9d54ff5f4..f908cba22 100644
--- a/ui/admin/app/components/form/user/add-accounts/index.hbs
+++ b/ui/admin/app/components/form/user/add-accounts/index.hbs
@@ -44,7 +44,11 @@
               @text={{t (concat 'resources.auth-method.types.' B.data.type)}}
             />
           </B.Td>
-          <B.Td><code>{{B.data.auth_method_id}}</code></B.Td>
+          <B.Td>
+            <Hds::Text::Code>
+              {{B.data.auth_method_id}}
+            </Hds::Text::Code>
+          </B.Td>
         </B.Tr>
       </:body>
     </Hds::Table>
diff --git a/ui/admin/app/components/form/worker/create-worker-led/index.hbs b/ui/admin/app/components/form/worker/create-worker-led/index.hbs
index ad79a020e..b9907975a 100644
--- a/ui/admin/app/components/form/worker/create-worker-led/index.hbs
+++ b/ui/admin/app/components/form/worker/create-worker-led/index.hbs
@@ -209,9 +209,10 @@
 
     <Hds::Text::Body @tag='p' @size='300' class='p'>
       {{t 'resources.worker.form.steps.2.copy_registration_request'}}
-      <code>{{t
+      <Hds::Text::Code @size='300' @color='primary'>
+        {{t
           'resources.worker.form.steps.3.worker_auth_registration_request.label'
-        }}</code>.
+        }}</Hds::Text::Code>.
     </Hds::Text::Body>
   </div>
 
diff --git a/ui/admin/app/styles/app.scss b/ui/admin/app/styles/app.scss
index 39a4f9a5b..279c80873 100644
--- a/ui/admin/app/styles/app.scss
+++ b/ui/admin/app/styles/app.scss
@@ -249,10 +249,9 @@
     margin-bottom: sizing.rems(l);
   }
 
-  > p code {
+  > p span {
     background-color: var(--token-color-surface-strong);
     border-radius: 5px;
-    color: var(--token-color-foreground-primary);
     padding: sizing.rems(xxxs) sizing.rems(xxs);
   }
 
diff --git a/ui/desktop/app/templates/scopes/scope/authenticate.hbs b/ui/desktop/app/templates/scopes/scope/authenticate.hbs
index c3124fe0f..c3b017c4d 100644
--- a/ui/desktop/app/templates/scopes/scope/authenticate.hbs
+++ b/ui/desktop/app/templates/scopes/scope/authenticate.hbs
@@ -64,7 +64,9 @@
       {{/if}}
       <Hds::Text::Body @tag='p' class='change-origin'>
         {{t 'cluster-url.connected-to'}}:
-        <code>{{this.clusterUrl}}</code>
+        <Hds::Text::Code>
+          {{this.clusterUrl}}
+        </Hds::Text::Code>
         <br />
         <LinkTo @route='cluster-url'>
           {{t 'actions.change-cluster-url'}}