@@ -39,6 +39,7 @@ import {
39
39
import { prettifyErrorMessage } from '../../../common/utils' ;
40
40
import { DataSourceOption } from '../../../../../src/plugins/data_source_management/public/components/data_source_menu/types' ;
41
41
import { ExperimentalBadge } from '../../general_components' ;
42
+ import { TopNavControlData } from '../../../../../src/plugins/navigation/public' ;
42
43
43
44
export interface WorkflowsRouterProps { }
44
45
@@ -88,7 +89,7 @@ export function Workflows(props: WorkflowsProps) {
88
89
chrome : { setBreadcrumbs } ,
89
90
} = getCore ( ) ;
90
91
const { HeaderControl } = getNavigationUI ( ) ;
91
- const { setAppDescriptionControls } = getApplication ( ) ;
92
+ const { setAppDescriptionControls, setAppCenterControls } = getApplication ( ) ;
92
93
93
94
// import modal state
94
95
const [ isImportModalOpen , setIsImportModalOpen ] = useState < boolean > ( false ) ;
@@ -202,6 +203,23 @@ export function Workflows(props: WorkflowsProps) {
202
203
) ;
203
204
} , [ getSavedObjectsClient , getNotifications ( ) , props . setActionMenu ] ) ;
204
205
}
206
+
207
+ const experimentalBadgeInHeader = (
208
+ < HeaderControl
209
+ setMountPoint = { setAppCenterControls }
210
+ controls = { [
211
+ {
212
+ renderComponent : (
213
+ < ExperimentalBadge
214
+ popoverEnabled = { true }
215
+ popoverAnchorPosition = "downLeft"
216
+ />
217
+ ) ,
218
+ } as TopNavControlData ,
219
+ ] }
220
+ />
221
+ ) ;
222
+
205
223
const DESCRIPTION = `Design, experiment, and prototype your solutions with ${ PLUGIN_NAME } . Build your search and last mile
206
224
ingestion flows with a visual interface. Experiment with different configurations with prototyping tools and launch them
207
225
into your environment.` ;
@@ -244,6 +262,7 @@ export function Workflows(props: WorkflowsProps) {
244
262
/>
245
263
) }
246
264
{ dataSourceEnabled && renderDataSourceComponent }
265
+ { USE_NEW_HOME_PAGE && experimentalBadgeInHeader }
247
266
< EuiPage >
248
267
< EuiPageBody >
249
268
< EuiPageHeader
0 commit comments