From d1c9e97a1258b84a59696901444750c863fe2339 Mon Sep 17 00:00:00 2001
From: Jon Koops <jonkoops@gmail.com>
Date: Tue, 5 Mar 2024 19:10:38 +0100
Subject: [PATCH] Port import form to new form controls (#27568)

Signed-off-by: Jon Koops <jonkoops@gmail.com>
---
 js/apps/admin-ui/src/clients/import/ImportForm.tsx | 13 +++----------
 1 file changed, 3 insertions(+), 10 deletions(-)

diff --git a/js/apps/admin-ui/src/clients/import/ImportForm.tsx b/js/apps/admin-ui/src/clients/import/ImportForm.tsx
index efad925347..bdf4781290 100644
--- a/js/apps/admin-ui/src/clients/import/ImportForm.tsx
+++ b/js/apps/admin-ui/src/clients/import/ImportForm.tsx
@@ -5,19 +5,18 @@ import {
   ActionGroup,
   AlertVariant,
   Button,
-  FormGroup,
   PageSection,
 } from "@patternfly/react-core";
 import { useState } from "react";
 import { FormProvider, useForm } from "react-hook-form";
 import { useTranslation } from "react-i18next";
 import { Link, useNavigate } from "react-router-dom";
+import { TextControl } from "ui-shared";
 
 import { adminClient } from "../../admin-client";
 import { useAlerts } from "../../components/alert/Alerts";
 import { FormAccess } from "../../components/form/FormAccess";
 import { FileUploadForm } from "../../components/json-file-upload/FileUploadForm";
-import { KeycloakTextInput } from "../../components/keycloak-text-input/KeycloakTextInput";
 import { ViewHeader } from "../../components/view-header/ViewHeader";
 import { useRealm } from "../../context/realm-context/RealmContext";
 import {
@@ -39,7 +38,7 @@ export default function ImportForm() {
   const navigate = useNavigate();
   const { realm } = useRealm();
   const form = useForm<FormFields>();
-  const { register, handleSubmit, setValue } = form;
+  const { handleSubmit, setValue } = form;
   const [imported, setImported] = useState<ClientRepresentation>({});
 
   const { addAlert, addError } = useAlerts();
@@ -116,13 +115,7 @@ export default function ImportForm() {
               onChange={handleFileChange}
             />
             <ClientDescription hasConfigureAccess />
-            <FormGroup label={t("type")} fieldId="kc-type">
-              <KeycloakTextInput
-                id="kc-type"
-                isReadOnly
-                {...register("protocol")}
-              />
-            </FormGroup>
+            <TextControl name="protocol" label={t("type")} readOnly />
             <CapabilityConfig unWrap={true} />
             <ActionGroup>
               <Button variant="primary" type="submit">