From ee3f1e73531849a449e885779c52e00a720010aa Mon Sep 17 00:00:00 2001
From: Elay Aharoni <elayaha@gmail.com>
Date: Mon, 12 May 2025 13:02:36 +0300
Subject: [PATCH] Refactor Header component to use not deprecated components of
 patternfly

Signed-off-by: Elay Aharoni <elayaha@gmail.com>
---
 apps/assisted-ui/src/components/Header.tsx | 22 +++++++++-------------
 1 file changed, 9 insertions(+), 13 deletions(-)

diff --git a/apps/assisted-ui/src/components/Header.tsx b/apps/assisted-ui/src/components/Header.tsx
index a12c8c9b67..78e1df054a 100644
--- a/apps/assisted-ui/src/components/Header.tsx
+++ b/apps/assisted-ui/src/components/Header.tsx
@@ -1,12 +1,11 @@
 import type React from 'react';
-import { Brand } from '@patternfly/react-core';
-import { PageHeader, PageHeaderTools } from '@patternfly/react-core/deprecated';
+import { Brand, Masthead, MastheadBrand, MastheadMain } from '@patternfly/react-core';
 import { AboutButton } from './AboutButton';
 import { FeedbackButton } from './FeedbackButton';
 
 export const Header: React.FC = () => (
-  <PageHeader
-    logo={
+  <Masthead style={{ display: 'flex', justifyContent: 'space-between' }}>
+    <MastheadBrand>
       <Brand
         src="/logo.svg"
         alt="OpenShift Container Platform Assisted Installer"
@@ -14,13 +13,10 @@ export const Header: React.FC = () => (
       >
         <source src="/logo.svg" />
       </Brand>
-    }
-    logoProps={{ href: '/' }}
-    headerTools={
-      <PageHeaderTools>
-        <FeedbackButton />
-        <AboutButton />
-      </PageHeaderTools>
-    }
-  />
+    </MastheadBrand>
+    <MastheadMain>
+      <FeedbackButton />
+      <AboutButton />
+    </MastheadMain>
+  </Masthead>
 );