Simplify TopNavControlDescriptionData to to be followed by links (#…

…7723) (#7724) * Simplify `TopNavControlDescriptionData` to to be followed by links * Changeset file for PR #7723 created/updated --------- (cherry picked from commit d447c5d) Signed-off-by: Miki <[email protected]> Signed-off-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: opensearch-changeset-bot[bot] <154024398+opensearch-changeset-bot[bot]@users.noreply.github.com>
opensearch-project · Aug 19, 2024 · 95c9f3a · 95c9f3a
1 parent 12bc633
commit 95c9f3a
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 0 deletions.
diff --git a/changelogs/fragments/7723.yml b/changelogs/fragments/7723.yml
@@ -0,0 +1,2 @@
+feat:
+- Simplify `TopNavControlDescriptionData` to to be followed by links ([#7723](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7723))
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>
     );
   }
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,2 @@
		feat:
		- Simplify `TopNavControlDescriptionData` to to be followed by links ([#7723](https://github.com/opensearch-project/OpenSearch-Dashboards/pull/7723))