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)); };