Simplify TopNavControlDescriptionData to to be followed by links

Signed-off-by: Miki <[email protected]>
opensearch-project · Aug 15, 2024 · f8f3da6 · f8f3da6
1 parent 577b3ec
commit f8f3da6
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/src/core/public/chrome/ui/header/header_controls_container.scss b/src/core/public/chrome/ui/header/header_controls_container.scss
@@ -16,6 +16,7 @@
 
   &.headerBottomControl {
     padding: $euiSizeM;
+    max-width: 725px;
   }
 
   &:empty {

diff --git a/src/plugins/navigation/public/top_nav_menu/top_nav_control_data.tsx b/src/plugins/navigation/public/top_nav_menu/top_nav_control_data.tsx
@@ -78,6 +78,7 @@ export interface TopNavControlTextData {
 
 export interface TopNavControlDescriptionData {
   description: string;
+  links?: TopNavControlLinkData | TopNavControlLinkData[];
 }
 
 export interface TopNavControlComponentData {

diff --git a/src/plugins/navigation/public/top_nav_menu/top_nav_control_item.tsx b/src/plugins/navigation/public/top_nav_menu/top_nav_control_item.tsx
@@ -46,9 +46,14 @@ export function TopNavControlItem(props: TopNavControlData) {
   }
 
   if ('description' in props) {
+    const links = props.links && [props.links].flat();
+
     return (
       <EuiText className="descriptionHeaderControl" size="s">
         {props.description}
+        {links?.map((linkProps) => (
+          <TopNavControlItem {...linkProps} />
+        ))}
       </EuiText>
     );
   }