[release-4.19] ABI updates:

libs/ui-lib/lib/ocm/components/clusterWizard/CredentialsDownload.tsx

@@ -22,7 +22,7 @@ const CredentialsDownload: React.FC<{ cluster: Cluster }> = ({ cluster }) => {
   const clusterWizardContext = useClusterWizardContext();
   const [isChecked, setIsChecked] = React.useState<boolean>(false);
   const [isDownloading, setIsDownloading] = React.useState(false);
-  const { addAlert } = useAlerts();
+  const { addAlert, clearAlerts } = useAlerts();
   const { t } = useTranslation();
 
   const downloadSingleFile = async (fileName: string) => {
@@ -42,6 +42,7 @@ const CredentialsDownload: React.FC<{ cluster: Cluster }> = ({ cluster }) => {
   };
 
   const handleDownloadClick = async () => {
+    clearAlerts();
     setIsDownloading(true);
 
     const configSuccess = await downloadSingleFile('kubeconfig');

libs/ui-lib/lib/ocm/components/clusters/AssistedInstallerHeader.tsx

@@ -1,13 +1,21 @@
 import React from 'react';
 import { TextContent, Text, Split, SplitItem } from '@patternfly/react-core';
-import { ASSISTED_INSTALLER_DOCUMENTATION_LINK, ExternalLink, isInOcm } from '../../../common';
+import {
+  ASSISTED_INSTALLER_DOCUMENTATION_LINK,
+  DeveloperPreview,
+  ExternalLink,
+  isInOcm,
+} from '../../../common';
+import { useFeature } from '../../hooks/use-feature';
 
 export const AssistedInstallerHeader = () => {
+  const isSingleClusterFeatureEnabled = useFeature('ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE');
   return (
     <TextContent>
       <Text component="h1" className="pf-v5-u-display-inline">
         Install OpenShift with the Assisted Installer
       </Text>
+      {isSingleClusterFeatureEnabled && <DeveloperPreview />}
       <Split hasGutter>
         <SplitItem>
           <ExternalLink href={ASSISTED_INSTALLER_DOCUMENTATION_LINK}>

libs/ui-lib/lib/ocm/components/clusters/ClusterPage.tsx

@@ -205,6 +205,9 @@ export const SingleClusterPage = ({
   resetModal: React.ReactNode;
 }) => (
   <AlertsContextProvider>
+    <PageSection variant={PageSectionVariants.light}>
+      <AssistedInstallerHeader />
+    </PageSection>
     <ClusterPageGeneric clusterId={clusterId} resetModal={resetModal} />
   </AlertsContextProvider>
 );

libs/ui-lib/lib/ocm/components/clusters/NewClusterPage.tsx

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import { PageSectionVariants, PageSection } from '@patternfly/react-core';
 import { AlertsContextProvider } from '../../../common';
 import ClusterBreadcrumbs from './ClusterBreadcrumbs';
@@ -13,7 +13,7 @@ import { AssistedInstallerHeader } from './AssistedInstallerHeader';
 import { ModalDialogsContextProvider } from '../hosts/ModalDialogsContext';
 import { OpenShiftVersionsContextProvider } from '../clusterWizard/OpenShiftVersionsContext';
 
-const NewClusterPageGeneric = ({ pageTitleSection }: { pageTitleSection?: ReactNode }) => {
+const NewClusterPageGeneric = ({ children }: React.PropsWithChildren<unknown>) => {
   return (
     <AlertsContextProvider>
       <SentryErrorMonitorContextProvider>
@@ -24,7 +24,10 @@ const NewClusterPageGeneric = ({ pageTitleSection }: { pageTitleSection?: ReactN
           >
             <OpenShiftVersionsContextProvider>
               <NewFeatureSupportLevelProvider loadingUi={<ClusterLoading />}>
-                {pageTitleSection}
+                {children}
+                <PageSection variant={PageSectionVariants.light}>
+                  <AssistedInstallerHeader />
+                </PageSection>
                 <PageSection variant={PageSectionVariants.light} isFilled>
                   <ClusterWizardContextProvider>
                     <NewClusterWizard />
@@ -39,16 +42,9 @@ const NewClusterPageGeneric = ({ pageTitleSection }: { pageTitleSection?: ReactN
   );
 };
 
-const NewClusterTitleSection = () => (
-  <>
-    <ClusterBreadcrumbs clusterName="New cluster" />
-    <PageSection variant={PageSectionVariants.light}>
-      <AssistedInstallerHeader />
-    </PageSection>
-  </>
-);
-
 export const NewSingleClusterPage = () => <NewClusterPageGeneric />;
 export const NewClusterPage = () => (
-  <NewClusterPageGeneric pageTitleSection={<NewClusterTitleSection />} />
+  <NewClusterPageGeneric>
+    <ClusterBreadcrumbs clusterName="New cluster" />
+  </NewClusterPageGeneric>
 );