@openshift-assisted/ui-lib 2.8.3-cim → 2.9.5-cim

package/lib/common/selectors/clusterSelectors.ts

@@ -1,7 +1,8 @@
 import head from 'lodash-es/head.js';
 import { SupportedPlatformIntegrations, ValidationsInfo } from '../types';
-import { Cluster, stringToJSON } from '../api';
+import { Cluster, Ip } from '@openshift-assisted/types/assisted-installer-service';
 import { ExposedOperatorName } from '../config';
+import { stringToJSON } from '../utils';
 
 export const selectMachineNetworkCIDR = ({
   machineNetworks,
@@ -27,6 +28,11 @@ export const selectServiceNetworkCIDR = ({
 }: Pick<Cluster, 'serviceNetworks' | 'serviceNetworkCidr'>) =>
   head(serviceNetworks)?.cidr ?? serviceNetworkCidr;
 
+export const selectApiVip = ({ apiVips }: Pick<Cluster, 'apiVips'>): Ip => head(apiVips)?.ip || '';
+
+export const selectIngressVip = ({ ingressVips }: Pick<Cluster, 'ingressVips'>): Ip =>
+  head(ingressVips)?.ip || '';
+
 export const selectMonitoredOperators = (monitoredOperators: Cluster['monitoredOperators']) => {
   // monitoredOperators can sometimes be either undefined or also null, we must use the fallback
   return monitoredOperators || [];
@@ -102,18 +108,8 @@ export const selectIpv4HostPrefix = ({ clusterNetworks }: Pick<Cluster, 'cluster
 export const selectIpv6HostPrefix = ({ clusterNetworks }: Pick<Cluster, 'clusterNetworks'>) =>
   clusterNetworks && clusterNetworks[1].hostPrefix;
 
-const getOldSchedulableMastersAlwaysOn = (cluster: Cluster) => {
-  return cluster.hosts ? cluster.hosts.length < 5 : true;
-};
-
-export const selectMastersMustRunWorkloads = (cluster: Cluster): boolean => {
-  // TODO camador 2022-06-30 Remove the logic for old schedulableMasters logic after a few weeks
-  // as by then all clusters should have the new field "schedulableMastersForcedTrue"
-  if (cluster.schedulableMastersForcedTrue === undefined) {
-    return getOldSchedulableMastersAlwaysOn(cluster);
-  }
-  return cluster.schedulableMastersForcedTrue;
-};
+export const selectMastersMustRunWorkloads = (cluster: Cluster): boolean =>
+  !!cluster.schedulableMastersForcedTrue;
 
 export const selectSchedulableMasters = (cluster: Cluster): boolean => {
   if (selectMastersMustRunWorkloads(cluster)) {

package/lib/common/types/clusters.ts

@@ -5,7 +5,7 @@ import {
   ClusterValidationId,
   PlatformType,
   ImageType,
-} from '../api';
+} from '@openshift-assisted/types/assisted-installer-service';
 import { Validation as HostValidation } from './hosts';
 export type Validation = Omit<HostValidation, 'id'> & {
   id: ClusterValidationId;
@@ -36,7 +36,9 @@ export type NetworkConfigurationValues = Pick<
   | 'clusterNetworkCidr'
   | 'clusterNetworkHostPrefix'
   | 'serviceNetworkCidr'
+  | 'apiVips'
   | 'apiVip'
+  | 'ingressVips'
   | 'ingressVip'
   | 'sshPublicKey'
   | 'vipDhcpAllocation'
@@ -60,11 +62,12 @@ export type OperatorsValues = V2ClusterUpdateParams & {
   useOpenShiftDataFoundation: boolean;
   useOdfLogicalVolumeManager: boolean;
   useContainerNativeVirtualization: boolean;
+  useMultiClusterEngine: boolean;
 };
 
-export type SupportedPlatformType = Extract<PlatformType, 'vsphere' | 'nutanix'>;
+export type SupportedPlatformType = Extract<PlatformType, 'vsphere' | 'nutanix' | 'oci'>;
 
-export const SupportedPlatformIntegrations: SupportedPlatformType[] = ['vsphere', 'nutanix'];
+export const SupportedPlatformIntegrations: SupportedPlatformType[] = ['vsphere', 'nutanix', 'oci'];
 export const NonPlatformIntegrations: PlatformType[] = ['baremetal', 'none'];
 
 export type DiscoveryImageType = ImageType | 'discovery-image-ipxe';

package/lib/common/types/cpuArchitecture.ts

@@ -1,4 +1,4 @@
-import { ArchitectureSupportLevelId } from '../api';
+import { ArchitectureSupportLevelId } from '@openshift-assisted/types/assisted-installer-service';
 
 export type ClusterCpuArchitecture = 'x86_64' | 'aarch64' | 'arm64' | 'ppc64le' | 's390x' | 'multi';
 

package/lib/common/types/events.ts

@@ -1,4 +1,9 @@
-import { Cluster, Event, EventList, V2Events } from '../api';
+import {
+  Cluster,
+  Event,
+  EventList,
+  V2Events,
+} from '@openshift-assisted/types/assisted-installer-service';
 
 export type EventsEntityKind = 'cluster' | 'host';
 

package/lib/common/types/featureSupportLevel.ts

@@ -1,8 +1,17 @@
-import { FeatureSupportLevel, SupportLevel } from '../api/types';
+import {
+  FeatureSupportLevel,
+  FeatureSupportLevelId,
+  SupportLevel,
+} from '@openshift-assisted/types/assisted-installer-service';
 import { ArrayElementType } from './typescriptExtensions';
 
 type Features = Required<ArrayElementType<FeatureSupportLevel['features']>>;
-export type FeatureId = Features['featureId'] | 'ODF' | 'CNV' | 'NETWORK_TYPE_SELECTION';
+export type FeatureId =
+  | FeatureSupportLevelId
+  | Features['featureId']
+  | 'ODF'
+  | 'CNV'
+  | 'NETWORK_TYPE_SELECTION';
 
 export type FeatureIdToSupportLevel = {
   [id in FeatureId]?: SupportLevel;

package/lib/common/types/generateIsoFields.ts

@@ -1,4 +1,4 @@
-import { Cluster, InfraEnv } from '../api';
+import { Cluster, InfraEnv } from '@openshift-assisted/types/assisted-installer-service';
 
 export type ProxyFieldsType = {
   enableProxy: boolean;

package/lib/common/types/hosts.ts

@@ -1,4 +1,8 @@
-import { Host, HostRoleUpdateParams, HostValidationId } from '../api';
+import {
+  Host,
+  HostRoleUpdateParams,
+  HostValidationId,
+} from '@openshift-assisted/types/assisted-installer-service';
 
 export type Validation = {
   id: HostValidationId;

package/lib/common/types/versions.ts

@@ -1,4 +1,7 @@
-import { ClusterCreateParams, OpenshiftVersion } from '../api/types';
+import {
+  ClusterCreateParams,
+  OpenshiftVersion,
+} from '@openshift-assisted/types/assisted-installer-service';
 import { CpuArchitecture } from './cpuArchitecture';
 
 export type OpenshiftVersionOptionType = {

package/lib/common/utils.ts

@@ -1,4 +1,13 @@
+import filesize from 'filesize.js';
+import camelCase from 'lodash-es/camelCase.js';
 import isString from 'lodash-es/isString.js';
+import { load } from 'js-yaml';
+import { MAX_FILE_SIZE_BYTES, MAX_FILE_SIZE_OFFSET_FACTOR } from './configurations';
+
+export const FILENAME_REGEX = /^[^\/]*\.(yaml|yml|json)$/;
+export const FILE_TYPE_MESSAGE = 'Unsupported file type. Please provide a valid YAML file.';
+export const INCORRECT_TYPE_FILE_MESSAGE =
+  'File type is not supported. File type must be yaml, yml or json.';
 
 export const getErrorMessage = (error: unknown): string => {
   if (error instanceof Error) {
@@ -16,3 +25,65 @@ export const getRandomString = (length: number) =>
     .slice(0, length);
 
 export const getKeys = <T extends object>(obj: T) => Object.keys(obj) as Array<keyof T>;
+
+export const validateFileType = (value: string) => {
+  return isStringValidYAML(value) || isStringValidJSON(value);
+};
+
+export const isStringValidYAML = (input: string): boolean => {
+  try {
+    load(input);
+    return true;
+  } catch {
+    return false;
+  }
+};
+
+export const isStringValidJSON = (input: string): boolean => {
+  try {
+    JSON.parse(input);
+    return true;
+  } catch {
+    return false;
+  }
+};
+
+export const validateFileSize = (value: string): boolean => {
+  const contentFile = new Blob([value], { type: 'text/plain;charset=utf-8' });
+  return contentFile.size <= MAX_FILE_SIZE_BYTES * MAX_FILE_SIZE_OFFSET_FACTOR;
+};
+
+export const fileSize: typeof filesize = (...args) =>
+  filesize
+    .call(null, ...args)
+    .toUpperCase()
+    .replace(/I/, 'i');
+
+export const getMaxFileSizeMessage = `File size is too big. The file size must be less than ${fileSize(
+  MAX_FILE_SIZE_BYTES,
+  0,
+  'si',
+)}.`;
+
+export const validateFileName = (fileName: string) => {
+  return new RegExp(FILENAME_REGEX).test(fileName || '');
+};
+
+export const stringToJSON = <T>(jsonString: string | undefined): T | undefined => {
+  let jsObject: T | undefined;
+  if (jsonString) {
+    try {
+      const camelCased = jsonString.replace(
+        /"([\w-]+)":/g,
+        (_match, offset: string) => `"${camelCase(offset)}":`,
+      );
+      jsObject = JSON.parse(camelCased) as T;
+    } catch (e) {
+      // console.error('Failed to parse api string', e, jsonString);
+    }
+  } else {
+    // console.info('Empty api string received.');
+  }
+
+  return jsObject;
+};

package/lib/ocm/api/index.ts

@@ -1,2 +1 @@
-export * from './axiosClient';
-export * from './utils';
+export * from '../../common/api';

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

@@ -2,10 +2,11 @@ import React from 'react';
 import { Text, TextContent, Alert, AlertVariant, Stack, StackItem } from '@patternfly/react-core';
 import ClusterHostsTable from '../hosts/ClusterHostsTable';
 import InformationAndAlerts from '../clusterConfiguration/InformationAndAlerts';
-import { Cluster, CpuArchitecture } from '../../../common';
+import { CpuArchitecture } from '../../../common';
 import Day2WizardContextProvider from './day2Wizard/Day2WizardContextProvider';
 import Day2DiscoveryImageModalButton from './day2Wizard/Day2DiscoveryImageModalButton';
 import Day2Wizard from './day2Wizard/Day2Wizard';
+import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
 
 const InventoryAddHosts = ({
   cluster,

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

@@ -2,7 +2,6 @@ import { Alert, Grid, GridItem } from '@patternfly/react-core';
 import { Form, Formik } from 'formik';
 import React from 'react';
 import {
-  Cluster,
   ClusterCpuArchitecture,
   ClusterWizardStep,
   ClusterWizardStepHeader,
@@ -11,7 +10,6 @@ import {
   ExternalLink,
   getSupportedCpuArchitectures,
   HOW_TO_KNOW_IF_CLUSTER_SUPPORTS_MULTIPLE_CPU_ARCHS,
-  InfraEnv,
   LoadingState,
   SupportedCpuArchitecture,
   useFeature,
@@ -27,6 +25,11 @@ import Day2HostStaticIpConfigurations from './Day2StaticIpHostConfigurations';
 import { mapClusterCpuArchToInfraEnvCpuArch } from '../../../services/CpuArchitectureService';
 import CpuArchitectureDropdown from '../../clusterConfiguration/CpuArchitectureDropdown';
 import { useOpenshiftVersions, usePullSecret } from '../../../hooks';
+import {
+  Cluster,
+  InfraEnv,
+  InfraEnvCreateParams,
+} from '@openshift-assisted/types/assisted-installer-service';
 
 const getDay2ClusterDetailInitialValues = async (
   clusterId: Cluster['id'],
@@ -55,7 +58,7 @@ const getDay2ClusterDetailInitialValues = async (
           pullSecret,
           clusterId,
           openshiftVersion,
-          cpuArchitecture: day1CpuArchitecture as ClusterCpuArchitecture,
+          cpuArchitecture: day1CpuArchitecture as InfraEnvCreateParams['cpuArchitecture'],
         });
         return {
           cpuArchitecture: day1CpuArchitecture as SupportedCpuArchitecture,
@@ -170,7 +173,7 @@ const Day2ClusterDetails = () => {
                   pullSecret,
                   clusterId: day2Cluster.id,
                   openshiftVersion: day2Cluster.openshiftVersion,
-                  cpuArchitecture: value as ClusterCpuArchitecture,
+                  cpuArchitecture: value as InfraEnvCreateParams['cpuArchitecture'],
                 });
               } catch {
                 setErrorState(new Error('Could not get infraEnv for this cpu architecture'));

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

@@ -1,7 +1,8 @@
 import React from 'react';
 import { Button, ButtonVariant } from '@patternfly/react-core';
-import { AddHostsContext, Cluster } from '../../../../common';
+import { AddHostsContext } from '../../../../common';
 import { useModalDialogsContext } from '../../hosts/ModalDialogsContext';
+import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
 
 const Day2DiscoveryImageModalButton = ({ cluster }: { cluster: Cluster }) => {
   const { day2DiscoveryImageDialog } = useModalDialogsContext();

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

@@ -9,13 +9,7 @@ import {
   Button,
   ButtonVariant,
 } from '@patternfly/react-core';
-import {
-  ClusterWizardStep,
-  ErrorState,
-  InfraEnv,
-  InfraEnvUpdateParams,
-  LoadingState,
-} from '../../../../common';
+import { ClusterWizardStep, ErrorState, LoadingState } from '../../../../common';
 import { HostsNetworkConfigurationType, InfraEnvsService } from '../../../services';
 import { FormViewHosts } from '../../clusterConfiguration/staticIp/components/FormViewHosts/FormViewHosts';
 import { FormViewNetworkWide } from '../../clusterConfiguration/staticIp/components/FormViewNetworkWide/FormViewNetworkWide';
@@ -32,6 +26,10 @@ import { useModalDialogsContext } from '../../hosts/ModalDialogsContext';
 import { useDay2WizardContext } from './Day2WizardContext';
 import Day2WizardNav from './Day2WizardNav';
 import Day2WizardFooter from './Day2WizardFooter';
+import {
+  InfraEnv,
+  InfraEnvUpdateParams,
+} from '@openshift-assisted/types/assisted-installer-service';
 
 const Day2StaticIP = () => {
   const { day2DiscoveryImageDialog } = useModalDialogsContext();

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

@@ -2,14 +2,13 @@ import React, { PropsWithChildren } from 'react';
 import Day2WizardContext, { Day2WizardContextType } from './Day2WizardContext';
 import {
   AssistedInstallerOCMPermissionTypesListType,
-  Cluster,
   CpuArchitecture,
   getDefaultCpuArchitecture,
-  InfraEnv,
 } from '../../../../common';
 import { Day2WizardStepsType, defaultWizardSteps, staticIpFormViewSubSteps } from './constants';
 import { HostsNetworkConfigurationType } from '../../../services';
 import { StaticIpView } from '../../clusterConfiguration/staticIp/data/dataTypes';
+import { Cluster, InfraEnv } from '@openshift-assisted/types/assisted-installer-service';
 
 const getWizardStepIds = (staticIpView?: string): Day2WizardStepsType[] => {
   const stepIds: Day2WizardStepsType[] = [...defaultWizardSteps];

package/lib/ocm/components/AddHosts/types.ts

@@ -1,10 +1,7 @@
-import {
-  Cluster,
-  FeatureSupportLevels,
-  OcmCpuArchitecture,
-  SupportedCpuArchitecture,
-} from '../../../common';
+import { OcmCpuArchitecture, SupportedCpuArchitecture } from '../../../common';
 import { HostsNetworkConfigurationType } from '../../services';
+import { FeaturesSupportsLevel } from '../../../common/components/featureSupportLevels/types';
+import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
 
 /* The type is reverse engineered.
    The OCM object contains additional data.
@@ -53,7 +50,7 @@ export type OcmClusterType = {
   };
 
   aiCluster?: Cluster;
-  aiSupportLevels?: FeatureSupportLevels;
+  aiSupportLevels?: FeaturesSupportsLevel;
 };
 
 export type Day2ClusterDetailValues = {

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

@@ -2,23 +2,28 @@ import React, { ReactNode } from 'react';
 import { useStateSafely } from '../../../common/hooks';
 import {
   AddHostsContextProvider,
-  Cluster,
   CpuArchitecture,
   ErrorState,
   LoadingState,
   POLLING_INTERVAL,
-  useFeature,
 } from '../../../common';
 import { useOpenshiftVersions, usePullSecret } from '../../hooks';
 import { Button, EmptyStateVariant } from '@patternfly/react-core';
 import Day2ClusterService, { getApiVipDnsName } from '../../services/Day2ClusterService';
 import { handleApiError } from '../../api';
-import { isApiError } from '../../api/types';
+import { isApiError } from '../../../common/api/utils';
 import { AddHosts } from '../AddHosts';
 import { HostsClusterDetailTabProps } from './types';
-import { NewFeatureSupportLevelProvider } from '../newFeatureSupportLevels';
+import { NewFeatureSupportLevelProvider } from '../featureSupportLevels';
+import {
+  AddHostsApiError,
+  ReloadFailedError,
+  UnableToAddHostsError,
+  UnsupportedVersionError,
+} from './HostsClusterDetailTabContentErrors';
 import useInfraEnv from '../../hooks/useInfraEnv';
 import { mapOcmArchToCpuArchitecture } from '../../services/CpuArchitectureService';
+import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
 
 export const HostsClusterDetailTabContent = ({
   cluster: ocmCluster,
@@ -27,58 +32,47 @@ export const HostsClusterDetailTabContent = ({
   const [error, setError] = React.useState<ReactNode>();
   const [day2Cluster, setDay2Cluster] = useStateSafely<Cluster | null>(null);
   const pullSecret = usePullSecret();
-  const { normalizeClusterVersion } = useOpenshiftVersions();
-  const { getCpuArchitectures } = useOpenshiftVersions();
+  const {
+    getCpuArchitectures,
+    normalizeClusterVersion,
+    loading: areOpenshiftVersionsLoading,
+  } = useOpenshiftVersions();
+
   const cpuArchitecturesByVersionImage = getCpuArchitectures(ocmCluster.openshift_version);
-  const canSelectCpuArch = useFeature('ASSISTED_INSTALLER_MULTIARCH_SUPPORTED');
   const handleClickTryAgainLink = React.useCallback(() => {
     setError(undefined);
     setDay2Cluster(null);
   }, [setDay2Cluster]);
 
   const { infraEnv } = useInfraEnv(
-    ocmCluster.id ? ocmCluster.id : '',
-    ocmCluster.cpu_architecture
-      ? (mapOcmArchToCpuArchitecture(ocmCluster.cpu_architecture) as CpuArchitecture)
-      : CpuArchitecture.USE_DAY1_ARCHITECTURE,
+    ocmCluster.id || '',
+    mapOcmArchToCpuArchitecture(ocmCluster.cpu_architecture) ||
+      CpuArchitecture.USE_DAY1_ARCHITECTURE,
     ocmCluster.name,
     pullSecret,
     ocmCluster.openshift_version,
   );
+
   React.useEffect(() => {
-    if (!isVisible && day2Cluster) {
+    if (!isVisible) {
       // the tab is not visible, stop polling
       setDay2Cluster(null);
+      return;
     }
     const day1ClusterHostCount = ocmCluster?.metrics?.nodes?.total || 0;
     const openshiftClusterId = Day2ClusterService.getOpenshiftClusterId(ocmCluster);
     if (day1ClusterHostCount === 0 || !openshiftClusterId) {
-      setError(
-        <>
-          Temporarily unable to add hosts
-          <br />
-          We're waiting for your recently installed cluster to report its metrics.{' '}
-          <Button variant={'link'} isInline onClick={handleClickTryAgainLink}>
-            Try again
-          </Button>{' '}
-          in a few minutes.
-        </>,
-      );
+      setError(<UnableToAddHostsError onTryAgain={handleClickTryAgainLink} />);
     }
 
-    if (isVisible && !day2Cluster && pullSecret) {
+    if (!areOpenshiftVersionsLoading && !day2Cluster && pullSecret) {
       const normalizedVersion = normalizeClusterVersion(ocmCluster.openshift_version);
       if (!normalizedVersion) {
         setError(
-          <>
-            Unsupported OpenShift cluster version: {ocmCluster.openshift_version || 'N/A'}.
-            <br />
-            Check your connection and{' '}
-            <Button variant={'link'} isInline onClick={handleClickTryAgainLink}>
-              try again
-            </Button>
-            .
-          </>,
+          <UnsupportedVersionError
+            version={ocmCluster.openshift_version}
+            onTryAgain={handleClickTryAgainLink}
+          />,
         );
         return;
       }
@@ -106,13 +100,14 @@ export const HostsClusterDetailTabContent = ({
         return;
       }
 
-      const doItAsync = async () => {
+      const loadDay2Cluster = async () => {
         try {
           const day2Cluster = await Day2ClusterService.fetchCluster(
             ocmCluster,
             pullSecret,
             normalizedVersion,
           );
+
           const aiCluster = Day2ClusterService.completeAiClusterWithOcmCluster(
             day2Cluster,
             ocmCluster,
@@ -123,24 +118,17 @@ export const HostsClusterDetailTabContent = ({
           if (isApiError(e)) {
             const isImport = e.config?.url?.includes('/import');
             setError(
-              <>
-                {isImport
-                  ? 'Failed to create wrapping cluster for adding new hosts.'
-                  : 'Failed to fetch cluster for adding new hosts.'}
-                <br />
-                Check your connection and{' '}
-                <Button variant={'link'} isInline onClick={handleClickTryAgainLink}>
-                  try again
-                </Button>
-                .
-              </>,
+              <AddHostsApiError
+                isImport={isImport || false}
+                onTryAgain={handleClickTryAgainLink}
+              />,
             );
           }
           return;
         }
       };
 
-      void doItAsync();
+      void loadDay2Cluster();
     }
   }, [
     ocmCluster,
@@ -151,10 +139,10 @@ export const HostsClusterDetailTabContent = ({
     normalizeClusterVersion,
     handleClickTryAgainLink,
     cpuArchitecturesByVersionImage,
-    canSelectCpuArch,
+    areOpenshiftVersionsLoading,
   ]);
 
-  const resetCluster = React.useCallback(async () => {
+  const refreshCluster = React.useCallback(async () => {
     if (!day2Cluster?.id) {
       return;
     }
@@ -167,29 +155,16 @@ export const HostsClusterDetailTabContent = ({
       setDay2Cluster(aiCluster ?? null);
     } catch (e) {
       handleApiError(e);
-      setError(
-        <>
-          Failed to reload cluster data.
-          <br />
-          Check your connection and{' '}
-          <Button variant={'link'} isInline onClick={handleClickTryAgainLink}>
-            try again
-          </Button>
-          .
-        </>,
-      );
+      setError(<ReloadFailedError onTryAgain={handleClickTryAgainLink} />);
     }
   }, [day2Cluster?.id, handleClickTryAgainLink, ocmCluster, setDay2Cluster]);
 
   React.useEffect(() => {
-    const id = setTimeout(() => {
-      const doItAsync = async () => {
-        await resetCluster();
-      };
-      void doItAsync();
+    const id = setInterval(() => {
+      void refreshCluster();
     }, POLLING_INTERVAL);
-    return () => clearTimeout(id);
-  }, [resetCluster]);
+    return () => clearInterval(id);
+  }, [refreshCluster]);
 
   if (error) {
     return (
@@ -208,7 +183,7 @@ export const HostsClusterDetailTabContent = ({
   return (
     <AddHostsContextProvider
       cluster={day2Cluster}
-      resetCluster={resetCluster}
+      resetCluster={refreshCluster}
       ocpConsoleUrl={ocmCluster?.console?.url}
       canEdit={ocmCluster.canEdit}
     >

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

@@ -0,0 +1,66 @@
+import React from 'react';
+import { Button } from '@patternfly/react-core';
+
+interface TryAgainProps {
+  onTryAgain: () => void;
+}
+
+const UnableToAddHostsError = ({ onTryAgain }: TryAgainProps) => {
+  return (
+    <>
+      Temporarily unable to add hosts
+      <br />
+      We're waiting for your recently installed cluster to report its metrics.{' '}
+      <Button variant={'link'} isInline onClick={onTryAgain}>
+        Try again
+      </Button>{' '}
+      in a few minutes.
+    </>
+  );
+};
+
+const UnsupportedVersionError = ({ version, onTryAgain }: { version: string } & TryAgainProps) => {
+  return (
+    <>
+      Unsupported OpenShift cluster version: {version || 'N/A'}.
+      <br />
+      Check your connection and{' '}
+      <Button variant={'link'} isInline onClick={onTryAgain}>
+        try again
+      </Button>
+      .
+    </>
+  );
+};
+
+const ReloadFailedError = ({ onTryAgain }: TryAgainProps) => {
+  return (
+    <>
+      Failed to reload cluster data.
+      <br />
+      Check your connection and{' '}
+      <Button variant={'link'} isInline onClick={onTryAgain}>
+        try again
+      </Button>
+      .
+    </>
+  );
+};
+
+const AddHostsApiError = ({ isImport, onTryAgain }: { isImport: boolean } & TryAgainProps) => {
+  return (
+    <>
+      {isImport
+        ? 'Failed to create wrapping cluster for adding new hosts.'
+        : 'Failed to fetch cluster for adding new hosts.'}
+      <br />
+      Check your connection and{' '}
+      <Button variant={'link'} isInline onClick={onTryAgain}>
+        try again
+      </Button>
+      .
+    </>
+  );
+};
+
+export { AddHostsApiError, UnsupportedVersionError, UnableToAddHostsError, ReloadFailedError };