diff --git a/src/Components/CreateImageWizard/ChippingInput.tsx b/src/Components/CreateImageWizard/ChippingInput.tsx
index 21ac0f51..a4bc6974 100644
--- a/src/Components/CreateImageWizard/ChippingInput.tsx
+++ b/src/Components/CreateImageWizard/ChippingInput.tsx
@@ -2,10 +2,10 @@ import React, { useState } from 'react';
import {
Button,
- Chip,
- ChipGroup,
HelperText,
HelperTextItem,
+ Label,
+ LabelGroup,
TextInputGroup,
TextInputGroupMain,
TextInputGroupUtilities,
@@ -126,25 +126,29 @@ const ChippingInput = ({
)}
{requiredList && requiredList.length > 0 && (
-
{requiredList.map((item) => (
-
+
+
))}
-
+
)}
-
+
{list?.map((item) => (
- handleRemoveItem(e, item)}>
+
+
))}
-
+
>
);
};
diff --git a/src/Components/CreateImageWizard/steps/Locale/components/LanguagesDropDown.tsx b/src/Components/CreateImageWizard/steps/Locale/components/LanguagesDropDown.tsx
index 79d0ab9e..df3c7cde 100644
--- a/src/Components/CreateImageWizard/steps/Locale/components/LanguagesDropDown.tsx
+++ b/src/Components/CreateImageWizard/steps/Locale/components/LanguagesDropDown.tsx
@@ -2,11 +2,11 @@ import React, { useEffect, useState } from 'react';
import {
Button,
- Chip,
- ChipGroup,
FormGroup,
HelperText,
HelperTextItem,
+ Label,
+ LabelGroup,
MenuToggle,
MenuToggleElement,
Select,
@@ -174,13 +174,13 @@ const LanguagesDropDown = () => {
)}`}
)}
-
+
{languages?.map((lang) => (
- handleRemoveLang(e, lang)}>
+
+
))}
-
+
);
};
diff --git a/src/Components/ShareImageModal/RegionsSelect.tsx b/src/Components/ShareImageModal/RegionsSelect.tsx
index 06460ffe..5923b0d0 100644
--- a/src/Components/ShareImageModal/RegionsSelect.tsx
+++ b/src/Components/ShareImageModal/RegionsSelect.tsx
@@ -8,6 +8,8 @@ import {
HelperText,
HelperTextItem,
FormHelperText,
+ Label,
+ LabelGroup,
Popover,
Select,
SelectOption,
@@ -17,8 +19,6 @@ import {
TextInputGroup,
TextInputGroupMain,
TextInputGroupUtilities,
- ChipGroup,
- Chip,
} from '@patternfly/react-core';
import { MenuToggleElement } from '@patternfly/react-core/dist/esm/components/MenuToggle/MenuToggle';
import {
@@ -168,19 +168,19 @@ const RegionsSelect = ({ composeId, handleClose }: RegionsSelectPropTypes) => {
placeholder="Select region"
isExpanded={isOpen}
>
-
+
{selected.map((selection, index) => (
- {
+ onClose={(ev) => {
ev.stopPropagation();
onSelect(selection);
}}
>
{selection}
-
+
))}
-
+
{selected.length > 0 && (
diff --git a/src/test/Components/CreateImageWizard/steps/Kernel/Kernel.test.tsx b/src/test/Components/CreateImageWizard/steps/Kernel/Kernel.test.tsx
index b938ad39..a8b05c1a 100644
--- a/src/test/Components/CreateImageWizard/steps/Kernel/Kernel.test.tsx
+++ b/src/test/Components/CreateImageWizard/steps/Kernel/Kernel.test.tsx
@@ -128,7 +128,7 @@ const removeKernelArg = async (kernelArg: string) => {
const user = userEvent.setup();
const removeNosmtArgButton = await screen.findByRole('button', {
- name: `close ${kernelArg}`,
+ name: `Close ${kernelArg}`,
});
await waitFor(() => user.click(removeNosmtArgButton));
};
diff --git a/src/test/Components/CreateImageWizard/steps/Services/Services.test.tsx b/src/test/Components/CreateImageWizard/steps/Services/Services.test.tsx
index d639db6e..536953df 100644
--- a/src/test/Components/CreateImageWizard/steps/Services/Services.test.tsx
+++ b/src/test/Components/CreateImageWizard/steps/Services/Services.test.tsx
@@ -101,7 +101,7 @@ const addEnabledService = async (service: string) => {
const removeService = async (service: string) => {
const user = userEvent.setup();
const removeServiceButton = await screen.findByRole('button', {
- name: `close ${service}`,
+ name: `Close ${service}`,
});
await waitFor(() => user.click(removeServiceButton));
};