From 47d7ceccf7882a48edb4a24a37c5f4143fb5a222 Mon Sep 17 00:00:00 2001
From: Devon Anderson <devon.anderson@hashicorp.com>
Date: Tue, 27 Feb 2024 09:31:48 -0500
Subject: [PATCH] chore: Migrate `form.input` to use `Hds` text input field
 (#2154)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* chore: 🤖 Migrate `form.input` to use `Hds` form input field

Migrate `form.input` for `clusterurl.hbs` to use
`Hds::Form::TextInput::Field`

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

* refactor: 💡 removed unused `data-test` attribute

removed unused `data-test` attribute

✅ Closes: https://hashicorp.atlassian.net/browse/ICU-12478
---
 ui/desktop/app/templates/cluster-url.hbs | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/ui/desktop/app/templates/cluster-url.hbs b/ui/desktop/app/templates/cluster-url.hbs
index 572815a29..b80a6b022 100644
--- a/ui/desktop/app/templates/cluster-url.hbs
+++ b/ui/desktop/app/templates/cluster-url.hbs
@@ -15,14 +15,16 @@
       @disabled={{(is-loading)}}
       as |form|
     >
-      <form.input
-        @name='host'
-        @type='text'
+      <Hds::Form::TextInput::Field
+        name='host'
         @value={{this.clusterUrl}}
-        @label={{t 'form.cluster-url.label'}}
-        @helperText={{t 'form.cluster-url.description'}}
         {{autofocus}}
-      />
+        {{on 'input' (set-from-event this 'clusterUrl')}}
+        as |F|
+      >
+        <F.Label>{{t 'form.cluster-url.label'}}</F.Label>
+        <F.HelperText>{{t 'form.cluster-url.description'}}</F.HelperText>
+      </Hds::Form::TextInput::Field>
 
       <form.actions>
         <:actions>