Fixed issue comment on PR (#694)

* Fixed issue comment on PR

see: https://github.com/keycloak/keycloak-admin-ui/pull/657#issuecomment-857488393

* remove delete action on create

src/client-scopes/details/ScopeForm.tsx

@@ -13,6 +13,8 @@ import {
   Switch,
   ActionGroup,
   Button,
+  TextArea,
+  NumberInput,
 } from "@patternfly/react-core";
 
 import type ClientScopeRepresentation from "keycloak-admin/lib/defs/clientScopeRepresentation";
@@ -228,7 +230,7 @@ export const ScopeForm = ({ clientScope, save }: ScopeFormProps) => {
           }
           fieldId="kc-consent-screen-text"
         >
-          <TextInput
+          <TextArea
             ref={register}
             type="text"
             id="kc-consent-screen-text"
@@ -273,24 +275,24 @@ export const ScopeForm = ({ clientScope, save }: ScopeFormProps) => {
           />
         }
         fieldId="kc-gui-order"
-        helperTextInvalid={t("shouldBeANumber")}
-        validated={
-          errors.attributes && errors.attributes["gui_order"]
-            ? ValidatedOptions.error
-            : ValidatedOptions.default
-        }
       >
-        <TextInput
+        <Controller
-          ref={register({ pattern: /^([0-9]*)$/ })}
+          name="attributes.gui-order"
+          defaultValue={1}
+          control={control}
+          render={({ onChange, value }) => (
+            <NumberInput
               type="text"
               id="kc-gui-order"
-          name="attributes.gui-order"
+              value={value}
-          validated={
+              onPlus={() => onChange(value + 1)}
-            errors.attributes && errors.attributes["gui_order"]
+              onMinus={() => onChange(value - 1)}
-              ? ValidatedOptions.error
+              onChange={(event) =>
-              : ValidatedOptions.default
+                onChange(Number((event.target as HTMLInputElement).value))
               }
             />
+          )}
+        />
       </FormGroup>
       <ActionGroup>
         <Button variant="primary" type="submit">

src/client-scopes/form/ClientScopeForm.tsx

@@ -205,11 +205,15 @@ export const ClientScopeForm = () => {
         titleKey={
           clientScope ? clientScope.name! : "client-scopes:createClientScope"
         }
-        dropdownItems={[
+        dropdownItems={
+          clientScope
+            ? [
                 <DropdownItem key="delete" onClick={() => toggleDeleteDialog()}>
                   {t("common:delete")}
                 </DropdownItem>,
-        ]}
+              ]
+            : undefined
+        }
         badge={clientScope ? clientScope.protocol : undefined}
         divider={!id}
       />