From aef38397df69ea95a270f05293f24683f1e0f974 Mon Sep 17 00:00:00 2001
From: Anton Pawlik <anton.pawlik@hivemq.com>
Date: Fri, 2 Aug 2024 09:06:47 +0200
Subject: [PATCH] add header logo showHiveMQText and realign

---
 src/modules/Header/HeaderLogo.tsx    | 13 +++++++++++--
 src/modules/Sidebar/SidebarGroup.tsx |  1 +
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/modules/Header/HeaderLogo.tsx b/src/modules/Header/HeaderLogo.tsx
index cfa5e52..05a2346 100644
--- a/src/modules/Header/HeaderLogo.tsx
+++ b/src/modules/Header/HeaderLogo.tsx
@@ -9,6 +9,10 @@ export type HeaderLogoProps = BoxProps & {
    * Alternative text for the logo
    */
   alt: string
+  /**
+   * Show/hide "HiveMQ" text
+   */
+  showHiveMQText?: boolean
 }
 
 /**
@@ -16,7 +20,7 @@ export type HeaderLogoProps = BoxProps & {
  * Second parameter of the forwardRef generic has to be of the component bound to `as` prop
  */
 export const HeaderLogo = forwardRef<HeaderLogoProps, 'button'>(
-  ({ children, src, alt, title, as = 'button', ...props }, ref) => {
+  ({ children, src, alt, title, showHiveMQText = true, as = 'button', ...props }, ref) => {
     return (
       <Box
         type="button"
@@ -35,7 +39,12 @@ export const HeaderLogo = forwardRef<HeaderLogoProps, 'button'>(
         {...props}
       >
         <Image src={src} alt={alt} />
-        <Text as="span" color="white" fontWeight={700} fontSize="1.1rem">
+        {showHiveMQText && (
+          <Text as="span" color="white" fontSize="1.2rem">
+            HiveMQ
+          </Text>
+        )}
+        <Text as="span" color="white" fontWeight={700} fontSize="1.2rem">
           {title}
         </Text>
       </Box>
diff --git a/src/modules/Sidebar/SidebarGroup.tsx b/src/modules/Sidebar/SidebarGroup.tsx
index 74ef413..9c33dd8 100644
--- a/src/modules/Sidebar/SidebarGroup.tsx
+++ b/src/modules/Sidebar/SidebarGroup.tsx
@@ -16,6 +16,7 @@ export function SidebarGroup({ Title, children, ...props }: SidebarGroupProps) {
         fontWeight={700}
         textTransform="uppercase"
         color="surface.600"
+        fontSize="sm"
       >
         {Title}
       </Box>