@openshift-assisted/ui-lib 2.9.8-cim → 2.9.10-cim

package/lib/common/components/clusterConfiguration/DiskEncryptionFields/DiskEncryptionMode.tsx

@@ -8,6 +8,8 @@ import {
   Text,
   TextVariants,
   TextContent,
+  TooltipProps,
+  Tooltip,
 } from '@patternfly/react-core';
 import { ENCRYPTING_DISK_DURING_INSTALLATION } from '../../../config';
 import PopoverIcon from '../../ui/PopoverIcon';
@@ -64,31 +66,40 @@ const DiskEncryptionModeTang = () => {
 export interface DiskEncryptionModeProps {
   isDisabled: boolean;
   diskEncryptionMode: DiskEncryption['mode'];
+  tooltipProps: TooltipProps;
 }
 
-export const DiskEncryptionMode = ({ diskEncryptionMode, isDisabled }: DiskEncryptionModeProps) => {
+export const DiskEncryptionMode = ({
+  diskEncryptionMode,
+  isDisabled,
+  tooltipProps,
+}: DiskEncryptionModeProps) => {
   const { t } = useTranslation();
   return (
     <Stack>
       <StackItem>
         <Flex>
           <FlexItem spacer={{ default: 'spacer3xl' }}>
-            <RadioField
-              isDisabled={isDisabled}
-              name="diskEncryptionMode"
-              label={<DiskEncryptionModeTPMv2 />}
-              id="TPMV2-button"
-              value="tpmv2"
-            />
+            <Tooltip {...tooltipProps}>
+              <RadioField
+                isDisabled={isDisabled}
+                name="diskEncryptionMode"
+                label={<DiskEncryptionModeTPMv2 />}
+                id="TPMV2-button"
+                value="tpmv2"
+              />
+            </Tooltip>
           </FlexItem>
           <FlexItem spacer={{ default: 'spacer3xl' }}>
-            <RadioField
-              isDisabled={isDisabled}
-              name="diskEncryptionMode"
-              label={<DiskEncryptionModeTang />}
-              id="tang-button"
-              value="tang"
-            />
+            <Tooltip {...tooltipProps}>
+              <RadioField
+                isDisabled={isDisabled}
+                name="diskEncryptionMode"
+                label={<DiskEncryptionModeTang />}
+                id="tang-button"
+                value="tang"
+              />
+            </Tooltip>
           </FlexItem>
         </Flex>
       </StackItem>
@@ -101,7 +112,7 @@ export const DiskEncryptionMode = ({ diskEncryptionMode, isDisabled }: DiskEncry
             </TextContent>
           </StackItem>
           &nbsp;
-          <TangServers isDisabled={isDisabled} />
+          <TangServers isDisabled={isDisabled} tooltipProps={tooltipProps} />
         </Stack>
       )}
     </Stack>

package/lib/common/components/clusterConfiguration/DiskEncryptionFields/TangServers.tsx

@@ -1,12 +1,18 @@
 import React from 'react';
 import { FieldArray, useFormikContext } from 'formik';
-import { Stack, StackItem, TextInputTypes } from '@patternfly/react-core';
+import { Stack, StackItem, TextInputTypes, Tooltip, TooltipProps } from '@patternfly/react-core';
 import { ClusterDetailsValues } from '../../clusterWizard';
 import { InputField } from '../../ui';
 import { AddButton, RemovableField } from '../../ui/formik';
 import { useTranslation } from '../../../hooks/use-translation-wrapper';
 
-export const TangServers = ({ isDisabled = false }: { isDisabled: boolean }) => {
+export const TangServers = ({
+  isDisabled = false,
+  tooltipProps,
+}: {
+  isDisabled: boolean;
+  tooltipProps: TooltipProps;
+}) => {
   const { values } = useFormikContext<ClusterDetailsValues>();
   const { t } = useTranslation();
   return (
@@ -20,22 +26,26 @@ export const TangServers = ({ isDisabled = false }: { isDisabled: boolean }) =>
                 onRemove={() => remove(index)}
               >
                 <div>
-                  <InputField
-                    type={TextInputTypes.url}
-                    name={`diskEncryptionTangServers.${index}.url`}
-                    helperText={`Must start with "http://" or "https://". Optionally, end with ":<port>"`}
-                    label="Server URL"
-                    isRequired
-                    isDisabled={isDisabled}
-                  />
+                  <Tooltip {...tooltipProps}>
+                    <InputField
+                      type={TextInputTypes.url}
+                      name={`diskEncryptionTangServers.${index}.url`}
+                      helperText={`Must start with "http://" or "https://". Optionally, end with ":<port>"`}
+                      label="Server URL"
+                      isRequired
+                      isDisabled={isDisabled}
+                    />
+                  </Tooltip>
                   &thinsp;
-                  <InputField
-                    type={TextInputTypes.text}
-                    name={`diskEncryptionTangServers.${index}.thumbprint`}
-                    label="Server Thumbprint"
-                    isRequired
-                    isDisabled={isDisabled}
-                  />
+                  <Tooltip {...tooltipProps}>
+                    <InputField
+                      type={TextInputTypes.text}
+                      name={`diskEncryptionTangServers.${index}.thumbprint`}
+                      label="Server Thumbprint"
+                      isRequired
+                      isDisabled={isDisabled}
+                    />
+                  </Tooltip>
                 </div>
               </RemovableField>{' '}
             </StackItem>

package/lib/common/components/clusterConfiguration/OpenShiftVersionSelect.tsx

@@ -12,6 +12,7 @@ import { OPENSHIFT_LIFE_CYCLE_DATES_LINK } from '../../config';
 import { OpenshiftVersionOptionType } from '../../types';
 import { SelectField } from '../ui';
 import { useTranslation } from '../../hooks/use-translation-wrapper';
+import { SelectFieldProps } from '../ui/formik/types';
 
 const OpenShiftLifeCycleDatesLink = () => {
   const { t } = useTranslation();
@@ -54,8 +55,9 @@ const getOpenshiftVersionHelperText =
 
 type OpenShiftVersionSelectProps = {
   versions: OpenshiftVersionOptionType[];
+  onChange?: SelectFieldProps['onChange'];
 };
-const OpenShiftVersionSelect: React.FC<OpenShiftVersionSelectProps> = ({ versions }) => {
+const OpenShiftVersionSelect: React.FC<OpenShiftVersionSelectProps> = ({ versions, onChange }) => {
   const selectOptions = React.useMemo(
     () =>
       versions
@@ -75,6 +77,7 @@ const OpenShiftVersionSelect: React.FC<OpenShiftVersionSelectProps> = ({ version
       getHelperText={getOpenshiftVersionHelperText(versions)}
       isDisabled={versions.length === 0}
       isRequired
+      onChange={onChange}
     />
   );
 };

package/lib/common/components/clusterDetail/PostInstallAlert.tsx

@@ -0,0 +1,29 @@
+import * as React from 'react';
+import { Alert } from '@patternfly/react-core';
+import { ExternalLink } from '../ui';
+import { useTranslation } from '../../hooks/use-translation-wrapper';
+
+type PostInstallAlertProps = {
+  link: string;
+};
+
+const PostInstallAlert = ({ link }: PostInstallAlertProps) => {
+  const { t } = useTranslation();
+  return (
+    <Alert
+      variant="warning"
+      isInline
+      data-testid="alert-modify-platform-config"
+      title={
+        <p>
+          {t(
+            "ai:Modify your platform configuration to access your platform's features directly in OpenShift.",
+          )}{' '}
+          <ExternalLink href={link}>{t('ai:Learn more about configuration.')}</ExternalLink>
+        </p>
+      }
+    />
+  );
+};
+
+export default PostInstallAlert;

package/lib/common/components/clusterDetail/index.ts

@@ -2,3 +2,4 @@ export { default as ClusterPropertiesList } from './ClusterPropertiesList';
 export { default as ClusterProgress } from './ClusterProgress';
 export { default as ClusterCredentials } from './ClusterCredentials';
 export { default as KubeconfigDownload } from './KubeconfigDownload';
+export { default as PostInstallAlert } from './PostInstallAlert';

package/lib/common/components/clusterWizard/ReviewValidations.tsx

@@ -112,6 +112,9 @@ const FailingValidation = <S extends string>({
       </>
     );
   } else {
+    if (validation.id === 'platform-requirements-satisfied') {
+      fix = validation.message;
+    }
     // console.error(
     //   'Unknown validation ID detected in the ',
     //   clusterGroup || hostGroup,

package/lib/common/components/ui/NoPermissionsError.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { EmptyState, EmptyStateBody, EmptyStateIcon, Title } from '@patternfly/react-core';
+import { ExclamationTriangleIcon } from '@patternfly/react-icons';
+import { global_disabled_color_100 as iconColor } from '@patternfly/react-tokens';
+
+const NoPermissionsError = () => (
+  <EmptyState id="not-found">
+    <EmptyStateBody>
+      <EmptyStateIcon icon={ExclamationTriangleIcon} color={iconColor.value} />
+      <Title headingLevel="h2">Access permissions needed</Title>
+      <EmptyStateBody>
+        To create a cluster using the Assisted Installer, ask your organization administrator to
+        adjust your permissions.
+      </EmptyStateBody>
+    </EmptyStateBody>
+  </EmptyState>
+);
+
+export default NoPermissionsError;

package/lib/common/components/ui/formik/InputField.tsx

@@ -29,7 +29,6 @@ const InputField: React.FC<
       idPostfix,
       children,
       noDefaultOnChange,
-      inputError,
       description,
       labelInfo,
       showErrorMessage = true,
@@ -37,15 +36,15 @@ const InputField: React.FC<
     },
     ref: React.Ref<HTMLInputElement>,
   ) => {
-    const [field] = useField({
+    const [field, { error, touched }] = useField({
       name: props.name,
       validate,
     });
 
     const fieldId = getFieldId(props.name, 'input', idPostfix);
-    const errorMessage = useFieldErrorMsg({ name: props.name, inputError, validate });
+    const errorMessage = useFieldErrorMsg({ name: props.name, inputError: error, validate });
     const fieldHelperText = <HelperText fieldId={fieldId}>{helperText}</HelperText>;
-    const isValid = !errorMessage;
+    const isValid = !(touched && error);
 
     return (
       <Stack id={`form-control__${fieldId}`}>
@@ -88,7 +87,7 @@ const InputField: React.FC<
           </FormGroup>
         </StackItem>
         <StackItem>
-          {showErrorMessage && errorMessage && (
+          {showErrorMessage && !isValid && (
             <HelperText fieldId={fieldId} isError>
               {errorMessage}
             </HelperText>

package/lib/common/components/ui/formik/RichInputField.tsx

@@ -99,7 +99,8 @@ const RichInputField: React.FC<RichInputFieldPropsProps> = React.forwardRef(
       validate,
     });
     const fieldId = getFieldId(props.name, 'input', idPostfix);
-    const isValid = !touched || !error?.length;
+    const isValid = !(touched && error?.length);
+
     return (
       <FormGroup
         id={`form-control__${fieldId}`}
@@ -133,7 +134,10 @@ const RichInputField: React.FC<RichInputFieldPropsProps> = React.forwardRef(
               onChange && onChange(event);
             }}
             className="rich-input__text"
-            onBlur={() => setPopoverOpen(false)}
+            onBlur={() => {
+              setTouched(true, false);
+              setPopoverOpen(false);
+            }}
           />
           <Popover
             isVisible={popoverOpen}

package/lib/common/components/ui/formik/SelectField.tsx

@@ -49,7 +49,7 @@ const SelectField: React.FC<SelectFieldProps> = ({
             onChange={(value, event) => {
               //customHandleChange enables calling formik change handler explicitly, useful for example to have the previous value
               callFormikOnChange && field.onChange(event);
-              onChange && onChange(event);
+              onChange && onChange(value, event);
             }}
           >
             {options.map((option, index) => (

package/lib/common/components/ui/formik/types.ts

@@ -5,6 +5,7 @@ import {
   SelectOptionProps,
   TooltipProps,
   RadioProps,
+  FormSelectProps,
 } from '@patternfly/react-core';
 import { FieldValidator, FieldHelperProps } from 'formik';
 import { DropzoneProps, DropFileEventHandler } from 'react-dropzone';
@@ -37,7 +38,7 @@ export interface FieldProps {
 
 export interface SelectFieldProps extends FieldProps {
   options: FormSelectOptionProps[];
-  onChange?: (event: React.FormEvent<HTMLSelectElement>) => void;
+  onChange?: FormSelectProps['onChange'];
   getHelperText?: (value: string) => React.ReactNode | undefined;
   // onBlur?: (event: React.FormEvent<HTMLSelectElement>) => void;
 }

package/lib/common/components/ui/index.ts

@@ -22,3 +22,4 @@ export { default as EventsList } from './EventsList';
 export { default as ClusterEventsToolbar } from './ClusterEventsToolbar';
 export { default as ModalProgress } from './ModalProgress';
 export { default as ConfirmationModal } from './ConfirmationModal';
+export { default as NoPermissionsError } from './NoPermissionsError';

package/lib/common/config/constants.ts

@@ -250,6 +250,7 @@ export const clusterValidationLabels = (
   'lvm-requirements-satisfied': t('ai:Logical Volume Manager requirements'),
   'cnv-requirements-satisfied': t('ai:CNV requirements'),
   'mce-requirements-satisfied': t('ai:MCE requirements'),
+  'platform-requirements-satisfied': t('ai:Platform requirements'),
 });
 
 export const clusterValidationGroupLabels = (

package/lib/common/features/featureGate.tsx

@@ -3,7 +3,6 @@ import React from 'react';
 // Must conform Unleash constants
 export type AssistedInstallerFeatureType =
   | 'ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE'
-  | 'ASSISTED_INSTALLER_MULTIARCH_SUPPORTED'
   | 'ASSISTED_INSTALLER_PLATFORM_OCI';
 
 export type FeatureListType = {
@@ -22,13 +21,11 @@ export type AssistedInstallerPermissionTypesListType = {
 // Hardcoded for ACM
 export const ACM_ENABLED_FEATURES: FeatureListType = {
   ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE: false,
-  ASSISTED_INSTALLER_MULTIARCH_SUPPORTED: true,
 };
 
 // Hardcoded outside OCM
 export const STANDALONE_DEPLOYMENT_ENABLED_FEATURES: FeatureListType = {
   ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE: false,
-  ASSISTED_INSTALLER_MULTIARCH_SUPPORTED: true,
   ASSISTED_INSTALLER_PLATFORM_OCI: true,
 };
 
@@ -46,7 +43,6 @@ export const FeatureGateContextProvider: React.FC<{
   // hardcoded defaults
   // TODO (mortegag): Remove all multiarch capacity related code in the UI.
   const featuresWithDefaults: FeatureListType = {
-    ASSISTED_INSTALLER_MULTIARCH_SUPPORTED: true,
     ...features,
   };
 

package/lib/common/types/cpuArchitecture.ts

@@ -44,29 +44,24 @@ export const getAllCpuArchitectures = (): SupportedCpuArchitecture[] => [
 ];
 
 export const getSupportedCpuArchitectures = (
-  canSelectCpuArch: boolean,
   cpuArchitectures: CpuArchitecture[],
   day1CpuArchitecture?: SupportedCpuArchitecture,
 ): SupportedCpuArchitecture[] => {
   const newSupportedCpuArchs: SupportedCpuArchitecture[] = [];
   //Power/Z clusters can be only homogeneous clusters
   if (
-    (day1CpuArchitecture === CpuArchitecture.ppc64le ||
-      day1CpuArchitecture === CpuArchitecture.s390x) &&
-    canSelectCpuArch
+    day1CpuArchitecture === CpuArchitecture.ppc64le ||
+    day1CpuArchitecture === CpuArchitecture.s390x
   ) {
     newSupportedCpuArchs.push(day1CpuArchitecture);
   } else {
     cpuArchitectures.forEach((cpuArch) => {
       if (
         day1CpuArchitecture === undefined &&
-        (cpuArch === CpuArchitecture.ppc64le || cpuArch === CpuArchitecture.s390x) &&
-        canSelectCpuArch
+        (cpuArch === CpuArchitecture.ppc64le || cpuArch === CpuArchitecture.s390x)
       ) {
         newSupportedCpuArchs.push(cpuArch);
       } else if (
-        day1CpuArchitecture !== CpuArchitecture.ppc64le &&
-        day1CpuArchitecture !== CpuArchitecture.s390x &&
         cpuArch !== CpuArchitecture.MULTI &&
         cpuArch !== CpuArchitecture.USE_DAY1_ARCHITECTURE
       ) {

package/lib/ocm/components/AddHosts/AddHosts.tsx

@@ -22,7 +22,6 @@ import {
   AddHostsContext,
   alertsSlice,
   canInstallHost,
-  useFeature,
 } from '../../../common';
 import InventoryAddHosts from './InventoryAddHost';
 import { onFetchEvents } from '../fetching/fetchEvents';
@@ -38,7 +37,6 @@ export const AddHosts = () => {
   const { cluster, resetCluster, canEdit } = React.useContext(AddHostsContext);
   const [isSubmitting, setSubmitting] = React.useState(false);
   const clusterVarieties = useClusterStatusVarieties(cluster);
-  const canSelectCpuArch = useFeature('ASSISTED_INSTALLER_MULTIARCH_SUPPORTED');
   const handleHostsInstall = React.useCallback(async () => {
     setSubmitting(true);
     try {
@@ -89,7 +87,7 @@ export const AddHosts = () => {
               </Grid>
             </StackItem>
             <StackItem>
-              <InventoryAddHosts cluster={cluster} canSelectCpuArch={canSelectCpuArch} />
+              <InventoryAddHosts cluster={cluster} />
             </StackItem>
           </Stack>
         </CardBody>

package/lib/ocm/components/AddHosts/InventoryAddHost.tsx

@@ -8,18 +8,12 @@ import Day2DiscoveryImageModalButton from './day2Wizard/Day2DiscoveryImageModalB
 import Day2Wizard from './day2Wizard/Day2Wizard';
 import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
 
-const InventoryAddHosts = ({
-  cluster,
-  canSelectCpuArch,
-}: {
-  cluster?: Cluster;
-  canSelectCpuArch?: boolean;
-}) => {
+const InventoryAddHosts = ({ cluster }: { cluster?: Cluster }) => {
   if (!cluster) {
     return null;
   }
 
-  const showArmOnlyAlert = !canSelectCpuArch && cluster.cpuArchitecture === CpuArchitecture.ARM;
+  const showArmOnlyAlert = cluster.cpuArchitecture === CpuArchitecture.ARM;
   return (
     <Stack hasGutter>
       <StackItem>

package/lib/ocm/components/AddHosts/day2Wizard/Day2ClusterDetails.tsx

@@ -12,7 +12,6 @@ import {
   HOW_TO_KNOW_IF_CLUSTER_SUPPORTS_MULTIPLE_CPU_ARCHS,
   LoadingState,
   SupportedCpuArchitecture,
-  useFeature,
 } from '../../../../common';
 import { HostsNetworkConfigurationType, InfraEnvsService } from '../../../services';
 import { useModalDialogsContext } from '../../hosts/ModalDialogsContext';
@@ -86,7 +85,6 @@ const Day2ClusterDetails = () => {
   const [initialValues, setInitialValues] = React.useState<Day2ClusterDetailValues | null>(null);
   const [isSubmitting, setSubmitting] = React.useState(false);
   const [isAlternativeCpuSelected, setIsAlternativeCpuSelected] = React.useState(false);
-  const canSelectCpuArch = useFeature('ASSISTED_INSTALLER_MULTIARCH_SUPPORTED');
   const { getCpuArchitectures } = useOpenshiftVersions();
   const cpuArchitecturesByVersionImage = getCpuArchitectures(day2Cluster.openshiftVersion);
   const day1CpuArchitecture = mapClusterCpuArchToInfraEnvCpuArch(day2Cluster.cpuArchitecture);
@@ -94,13 +92,8 @@ const Day2ClusterDetails = () => {
   const pullSecret = usePullSecret();
 
   const cpuArchitectures = React.useMemo(
-    () =>
-      getSupportedCpuArchitectures(
-        canSelectCpuArch,
-        cpuArchitecturesByVersionImage,
-        day1CpuArchitecture,
-      ),
-    [canSelectCpuArch, cpuArchitecturesByVersionImage, day1CpuArchitecture],
+    () => getSupportedCpuArchitectures(cpuArchitecturesByVersionImage, day1CpuArchitecture),
+    [cpuArchitecturesByVersionImage, day1CpuArchitecture],
   );
   React.useEffect(() => {
     const fetchAndSetInitialValues = async () => {
@@ -227,6 +220,7 @@ const Day2ClusterDetails = () => {
                     day1CpuArchitecture={initialValues.cpuArchitecture}
                     cpuArchitectures={cpuArchitectures}
                     onChange={(value) => handleChangeCpuArchitectureDropdown(value, initialValues)}
+                    platformType={day2Cluster.platform?.type}
                   />
                 </GridItem>
                 {isAlternativeCpuSelected && (
@@ -246,9 +240,10 @@ const Day2ClusterDetails = () => {
                     </Alert>
                   </GridItem>
                 )}
-
                 <GridItem>
-                  <Day2HostStaticIpConfigurations />
+                  <Day2HostStaticIpConfigurations
+                    isDisabled={day2Cluster.platform?.type === 'oci'}
+                  />
                 </GridItem>
               </Grid>
             </Form>

package/lib/ocm/components/AddHosts/day2Wizard/Day2StaticIpHostConfigurations.tsx

@@ -1,13 +1,21 @@
 import React from 'react';
-import { Flex, FlexItem, FormGroup, TextContent, TextVariants, Text } from '@patternfly/react-core';
+import {
+  Flex,
+  FlexItem,
+  FormGroup,
+  TextContent,
+  TextVariants,
+  Text,
+  Tooltip,
+} from '@patternfly/react-core';
 import { useFormikContext } from 'formik';
 import { HostsNetworkConfigurationType } from '../../../services';
-import { getFieldId, RadioField } from '../../../../common';
+import { RadioField, getFieldId } from '../../../../common';
 import { Day2ClusterDetailValues } from '../types';
 
 const GROUP_NAME = 'hostsNetworkConfigurationType';
 
-const Day2HostStaticIpConfigurations = () => {
+const Day2HostStaticIpConfigurations = ({ isDisabled }: { isDisabled: boolean }) => {
   const { setFieldValue } = useFormikContext<Day2ClusterDetailValues>();
 
   const onChangeNetworkType = (event: React.ChangeEvent<HTMLInputElement>) => {
@@ -25,22 +33,29 @@ const Day2HostStaticIpConfigurations = () => {
       isInline
       onChange={onChangeNetworkType}
     >
-      <Flex>
-        <FlexItem key={HostsNetworkConfigurationType.DHCP}>
-          <RadioField
-            name={GROUP_NAME}
-            value={HostsNetworkConfigurationType.DHCP}
-            label="DHCP only"
-          />
-        </FlexItem>
-        <FlexItem key={HostsNetworkConfigurationType.STATIC}>
-          <RadioField
-            name={GROUP_NAME}
-            value={HostsNetworkConfigurationType.STATIC}
-            label="Static IP, bridges, and bonds"
-          />
-        </FlexItem>
-      </Flex>
+      <Tooltip
+        hidden={!isDisabled}
+        content="This cluster is using the Oracle cloud platform which allows only DHCP for the hosts' network configuration"
+      >
+        <Flex>
+          <FlexItem key={HostsNetworkConfigurationType.DHCP}>
+            <RadioField
+              name={GROUP_NAME}
+              value={HostsNetworkConfigurationType.DHCP}
+              label="DHCP only"
+              isDisabled={isDisabled}
+            />
+          </FlexItem>
+          <FlexItem key={HostsNetworkConfigurationType.STATIC}>
+            <RadioField
+              name={GROUP_NAME}
+              value={HostsNetworkConfigurationType.STATIC}
+              label="Static IP, bridges, and bonds"
+              isDisabled={isDisabled}
+            />
+          </FlexItem>
+        </Flex>
+      </Tooltip>
     </FormGroup>
   );
 };

package/lib/ocm/components/HostsClusterDetailTab/HostsClusterDetailTabContent.tsx

@@ -7,7 +7,7 @@ import {
   LoadingState,
   POLLING_INTERVAL,
 } from '../../../common';
-import { useOpenshiftVersions, usePullSecret } from '../../hooks';
+import { usePullSecret } from '../../hooks';
 import { Button, EmptyStateVariant } from '@patternfly/react-core';
 import Day2ClusterService, { getApiVipDnsName } from '../../services/Day2ClusterService';
 import { handleApiError } from '../../api';
@@ -19,7 +19,6 @@ import {
   AddHostsApiError,
   ReloadFailedError,
   UnableToAddHostsError,
-  UnsupportedVersionError,
 } from './HostsClusterDetailTabContentErrors';
 import useInfraEnv from '../../hooks/useInfraEnv';
 import { mapOcmArchToCpuArchitecture } from '../../services/CpuArchitectureService';
@@ -32,13 +31,7 @@ export const HostsClusterDetailTabContent = ({
   const [error, setError] = React.useState<ReactNode>();
   const [day2Cluster, setDay2Cluster] = useStateSafely<Cluster | null>(null);
   const pullSecret = usePullSecret();
-  const {
-    getCpuArchitectures,
-    normalizeClusterVersion,
-    loading: areOpenshiftVersionsLoading,
-  } = useOpenshiftVersions();
 
-  const cpuArchitecturesByVersionImage = getCpuArchitectures(ocmCluster.openshift_version);
   const handleClickTryAgainLink = React.useCallback(() => {
     setError(undefined);
     setDay2Cluster(null);
@@ -65,18 +58,7 @@ export const HostsClusterDetailTabContent = ({
       setError(<UnableToAddHostsError onTryAgain={handleClickTryAgainLink} />);
     }
 
-    if (!areOpenshiftVersionsLoading && !day2Cluster && pullSecret) {
-      const normalizedVersion = normalizeClusterVersion(ocmCluster.openshift_version);
-      if (!normalizedVersion) {
-        setError(
-          <UnsupportedVersionError
-            version={ocmCluster.openshift_version}
-            onTryAgain={handleClickTryAgainLink}
-          />,
-        );
-        return;
-      }
-
+    if (!day2Cluster && pullSecret) {
       const { apiVipDnsname, errorType } = getApiVipDnsName(ocmCluster);
       if (errorType) {
         const wrongUrlMessage =
@@ -102,11 +84,7 @@ export const HostsClusterDetailTabContent = ({
 
       const loadDay2Cluster = async () => {
         try {
-          const day2Cluster = await Day2ClusterService.fetchCluster(
-            ocmCluster,
-            pullSecret,
-            normalizedVersion,
-          );
+          const day2Cluster = await Day2ClusterService.fetchCluster(ocmCluster, pullSecret);
 
           const aiCluster = Day2ClusterService.completeAiClusterWithOcmCluster(
             day2Cluster,
@@ -130,17 +108,7 @@ export const HostsClusterDetailTabContent = ({
 
       void loadDay2Cluster();
     }
-  }, [
-    ocmCluster,
-    pullSecret,
-    day2Cluster,
-    setDay2Cluster,
-    isVisible,
-    normalizeClusterVersion,
-    handleClickTryAgainLink,
-    cpuArchitecturesByVersionImage,
-    areOpenshiftVersionsLoading,
-  ]);
+  }, [ocmCluster, pullSecret, day2Cluster, setDay2Cluster, isVisible, handleClickTryAgainLink]);
 
   const refreshCluster = React.useCallback(async () => {
     if (!day2Cluster?.id) {