diff --git a/packages/react-core/src/components/MultipleFileUpload/MultipleFileUploadStatus.tsx b/packages/react-core/src/components/MultipleFileUpload/MultipleFileUploadStatus.tsx index 23f22c222a7..24594863edd 100644 --- a/packages/react-core/src/components/MultipleFileUpload/MultipleFileUploadStatus.tsx +++ b/packages/react-core/src/components/MultipleFileUpload/MultipleFileUploadStatus.tsx @@ -3,7 +3,7 @@ import styles from '@patternfly/react-styles/css/components/MultipleFileUpload/m import { css } from '@patternfly/react-styles'; import { ExpandableSection } from '../ExpandableSection'; import { useSSRSafeId } from '../../helpers'; -import InProgressIcon from '@patternfly/react-icons/dist/esm/icons/in-progress-icon'; +import RhUiInProgressIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-in-progress-icon'; import RhUiCheckCircleFillIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-check-circle-fill-icon'; import TimesCircleIcon from '@patternfly/react-icons/dist/esm/icons/times-circle-icon'; @@ -47,7 +47,7 @@ export const MultipleFileUploadStatus: React.FunctionComponent); break; case 'inProgress': - setIcon(); + setIcon(); break; default: setIcon(statusToggleIcon); diff --git a/packages/react-core/src/components/MultipleFileUpload/__tests__/MultipleFileUploadStatus.test.tsx b/packages/react-core/src/components/MultipleFileUpload/__tests__/MultipleFileUploadStatus.test.tsx index e7b69e4e294..bca547fadb0 100644 --- a/packages/react-core/src/components/MultipleFileUpload/__tests__/MultipleFileUploadStatus.test.tsx +++ b/packages/react-core/src/components/MultipleFileUpload/__tests__/MultipleFileUploadStatus.test.tsx @@ -1,6 +1,6 @@ import { render } from '@testing-library/react'; import { MultipleFileUploadStatus } from '../MultipleFileUploadStatus'; -import InProgressIcon from '@patternfly/react-icons/dist/esm/icons/in-progress-icon'; +import RhUiInProgressIcon from '@patternfly/react-icons/dist/esm/icons/rh-ui-in-progress-icon'; jest.mock('../../../helpers/GenerateId/GenerateId'); @@ -22,7 +22,7 @@ describe('MultipleFileUploadStatus', () => { test('renders status toggle icon', () => { const { asFragment } = render( - }>Foo + }>Foo ); expect(asFragment()).toMatchSnapshot(); }); diff --git a/packages/react-core/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatus.test.tsx.snap b/packages/react-core/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatus.test.tsx.snap index 9a2d8efed57..1dc68518f06 100644 --- a/packages/react-core/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatus.test.tsx.snap +++ b/packages/react-core/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatus.test.tsx.snap @@ -133,24 +133,12 @@ exports[`MultipleFileUploadStatus renders status toggle icon 1`] = ` fill="currentColor" height="1em" role="img" + viewBox="0 0 32 32" width="1em" > - - - - - - +
( @@ -14,7 +14,7 @@ export const ProgressStepperCustomIcons: React.FunctionComponent = () => ( } + icon={} id="custom-step2" titleId="custom-step2-title" aria-label="in progress"