diff --git a/src/Components/CreateImageWizard/CreateImageWizard.scss b/src/Components/CreateImageWizard/CreateImageWizard.scss index c3f05e04..508867e1 100644 --- a/src/Components/CreateImageWizard/CreateImageWizard.scss +++ b/src/Components/CreateImageWizard/CreateImageWizard.scss @@ -45,10 +45,6 @@ height: 1em; } -.pf-c-select__menu-item.pf-m-load { - --pf-c-select__menu-item--Color: var(--pf-global--Color--100); -} - .pf-u-min-width { --pf-u-min-width--MinWidth: 11ch; } diff --git a/src/Components/CreateImageWizard/formComponents/ImageOutputReleaseSelect.js b/src/Components/CreateImageWizard/formComponents/ImageOutputReleaseSelect.js index 9fbfe024..36403d64 100644 --- a/src/Components/CreateImageWizard/formComponents/ImageOutputReleaseSelect.js +++ b/src/Components/CreateImageWizard/formComponents/ImageOutputReleaseSelect.js @@ -28,6 +28,29 @@ const ImageOutputReleaseSelect = ({ label, isRequired, ...props }) => { setShowDevelopmentOptions(true); }; + const setSelectOptions = () => { + var options = []; + const filteredRhel = new Map( + [...RELEASES].filter(([key]) => { + // Only show non-RHEL distros if expanded + if (showDevelopmentOptions) { + return true; + } + return isRhel(key); + }) + ); + + filteredRhel.forEach((value, key) => { + options.push( + + {RELEASES.get(key)} + + ); + }); + + return options; + }; + return ( ); diff --git a/src/Components/CreateImageWizard/formComponents/ReviewStep.js b/src/Components/CreateImageWizard/formComponents/ReviewStep.js index 7053ea0c..32de2715 100644 --- a/src/Components/CreateImageWizard/formComponents/ReviewStep.js +++ b/src/Components/CreateImageWizard/formComponents/ReviewStep.js @@ -134,7 +134,7 @@ const ReviewStep = () => { )} Release - {RELEASES[getState()?.values?.release]} + {RELEASES.get(getState()?.values?.release)} diff --git a/src/constants.js b/src/constants.js index 676e600d..0cfc4908 100644 --- a/src/constants.js +++ b/src/constants.js @@ -8,12 +8,12 @@ export const UNIT_KIB = 1024 ** 1; export const UNIT_MIB = 1024 ** 2; export const UNIT_GIB = 1024 ** 3; -export const RELEASES = { - [RHEL_8]: 'Red Hat Enterprise Linux (RHEL) 8', - [RHEL_9]: 'Red Hat Enterprise Linux (RHEL) 9', - 'centos-8': 'CentOS Stream 8', - 'centos-9': 'CentOS Stream 9', -}; +export const RELEASES = new Map([ + [RHEL_9, 'Red Hat Enterprise Linux (RHEL) 9'], + [RHEL_8, 'Red Hat Enterprise Linux (RHEL) 8'], + ['centos-9', 'CentOS Stream 9'], + ['centos-8', 'CentOS Stream 8'], +]); export const DEFAULT_AWS_REGION = 'us-east-1';