From 0281e178cbd9ed4b36ff82997dc7c09492d65f68 Mon Sep 17 00:00:00 2001
From: mmelko <mmelko@redhat.com>
Date: Thu, 31 Oct 2024 15:42:18 +0100
Subject: [PATCH 1/2] refactor(Help): refactor Help page style to reflect the
 rest of the UI

(cherry picked from commit f000820915036c2b5eccb6f3cbde81400a7642a9)
---
 packages/hawtio/src/help/HawtioHelp.tsx | 65 ++++++++++++-------------
 1 file changed, 31 insertions(+), 34 deletions(-)

diff --git a/packages/hawtio/src/help/HawtioHelp.tsx b/packages/hawtio/src/help/HawtioHelp.tsx
index f09aa03c3..593447d87 100644
--- a/packages/hawtio/src/help/HawtioHelp.tsx
+++ b/packages/hawtio/src/help/HawtioHelp.tsx
@@ -1,11 +1,9 @@
 import {
-  Card,
   CardBody,
+  Divider,
   Nav,
   NavItem,
   NavList,
-  PageGroup,
-  PageNavigation,
   PageSection,
   PageSectionVariants,
   TextContent,
@@ -40,38 +38,37 @@ export const HawtioHelp: React.FunctionComponent = () => {
       <PageSection variant={PageSectionVariants.light}>
         <Title headingLevel='h1'>Help</Title>
       </PageSection>
-      <PageGroup>
-        <PageNavigation>
-          <Nav aria-label='Nav' variant='tertiary'>
-            <NavList>
-              {helps.map(help => (
-                <NavItem key={help.id} isActive={location.pathname === `/help/${help.id}`}>
-                  <NavLink to={help.id}>{help.title}</NavLink>
-                </NavItem>
-              ))}
-            </NavList>
-          </Nav>
-        </PageNavigation>
-      </PageGroup>
-      <PageSection>
-        <Card isFullHeight>
-          <Routes>
-            {helpRegistry.getHelps().map(help => (
-              <Route
-                key={help.id}
-                path={help.id}
-                element={
-                  <CardBody>
-                    <TextContent>
-                      <Markdown>{help.content}</Markdown>
-                    </TextContent>
-                  </CardBody>
-                }
-              />
+      <Divider />
+
+      <PageSection type='tabs' hasShadowBottom>
+        <Nav aria-label='Nav' variant='tertiary'>
+          <NavList>
+            {helps.map(help => (
+              <NavItem key={help.id} isActive={location.pathname === `/help/${help.id}`}>
+                <NavLink to={help.id}>{help.title}</NavLink>
+              </NavItem>
             ))}
-            <Route path='/' element={<Navigate to='home' />} />
-          </Routes>
-        </Card>
+          </NavList>
+        </Nav>
+      </PageSection>
+      <Divider />
+      <PageSection variant={PageSectionVariants.light}>
+        <Routes>
+          {helpRegistry.getHelps().map(help => (
+            <Route
+              key={help.id}
+              path={help.id}
+              element={
+                <CardBody>
+                  <TextContent>
+                    <Markdown>{help.content}</Markdown>
+                  </TextContent>
+                </CardBody>
+              }
+            />
+          ))}
+          <Route path='/' element={<Navigate to='home' />} />
+        </Routes>
       </PageSection>
     </React.Fragment>
   )

From 19598ec4cfe88dc0c44951ec1d5d8fc9865ee531 Mon Sep 17 00:00:00 2001
From: mmelko <mmelko@redhat.com>
Date: Thu, 14 Nov 2024 13:16:30 +0100
Subject: [PATCH 2/2] chore: fix typo in the HomePreferences

(cherry picked from commit ab9f55921e53dac23ea69c027c7a52a9bc121817)
---
 packages/hawtio/src/preferences/HomePreferences.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/hawtio/src/preferences/HomePreferences.tsx b/packages/hawtio/src/preferences/HomePreferences.tsx
index 9e531d6a9..d00ca57e6 100644
--- a/packages/hawtio/src/preferences/HomePreferences.tsx
+++ b/packages/hawtio/src/preferences/HomePreferences.tsx
@@ -94,7 +94,7 @@ const ResetForm: React.FunctionComponent = () => {
         <FormHelperText>
           <HelperText>
             <HelperTextItem>
-              Clear all custom settings stored in your browser `&apos;`s local storage and reset to defaults.
+              Clear all custom settings stored in your browser`s local storage and reset to defaults.
             </HelperTextItem>
           </HelperText>
         </FormHelperText>