add actionmenut ext

argoproj · Aug 21, 2024 · a1fc74d · a1fc74d
1 parent ea0a3c5
commit a1fc74d
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/top-bar/top-bar.tsx b/src/components/top-bar/top-bar.tsx
@@ -30,7 +30,7 @@ export interface Toolbar {
     breadcrumbs?: { title: string | React.ReactNode, path?: string; }[];
     tools?: React.ReactNode;
     actionMenu?: ActionMenu;
-    toolBarExtensions?: React.ReactNode[];
+    actionMenuExtensions?: React.ReactNode[];
 }
 
 export interface TopBarProps extends React.Props<any> {
@@ -103,7 +103,7 @@ const renderActionMenu = (actionMenu: ActionMenu, toolBarExts: React.ReactNode[]
 const renderToolbar = (toolbar: Toolbar) => (
     <div className='top-bar row' key='tool-bar'>
         <div className='columns small-9 top-bar__left-side'>
-            {toolbar.actionMenu && renderActionMenu(toolbar.actionMenu, toolbar.toolBarExtensions)}
+            {toolbar.actionMenu && renderActionMenu(toolbar.actionMenu, toolbar.actionMenuExtensions)}
         </div>
 
         <div className='columns small-3 top-bar__right-side'>

diff --git a/stories/top-bar.stories.tsx b/stories/top-bar.stories.tsx
@@ -11,5 +11,5 @@ storiesOf('TopBar', module)
         <TopBar title='My Title' toolbar={{ actionMenu: { items: [{ action: () => alert(' here' ), title: "click here" }] } }} />
     ))
     .add('with extension menu', () => (
-        <TopBar title='My Title' toolbar={{ actionMenu: { items: [{ action: () => alert(' here' ), title: "click here" }] }, toolBarExtensions: [<React.Fragment key={1}>render the custom component</React.Fragment>] }} />
+        <TopBar title='My Title' toolbar={{ actionMenu: { items: [{ action: () => alert(' here' ), title: "click here" }] }, actionMenuExtensions: [<React.Fragment key={1}>render the custom component</React.Fragment>] }} />
     ));