diff --git a/public/pages/workflow_detail/components/header.tsx b/public/pages/workflow_detail/components/header.tsx index 5f571e67..32955f2c 100644 --- a/public/pages/workflow_detail/components/header.tsx +++ b/public/pages/workflow_detail/components/header.tsx @@ -47,13 +47,14 @@ import { import { DataSourceViewConfig } from '../../../../../../src/plugins/data_source_management/public'; import { HeaderVariant } from '../../../../../../src/core/public'; import { - TopNavControlTextData, + TopNavControlData, TopNavMenuIconData, } from '../../../../../../src/plugins/navigation/public'; import { MountPoint } from '../../../../../../src/core/public'; import { getWorkflow, updateWorkflow, useAppDispatch } from '../../../store'; import { useFormikContext } from 'formik'; import { isEmpty, isEqual } from 'lodash'; +import { ExperimentalBadge } from '../../../general_components'; interface WorkflowDetailHeaderProps { workflow?: Workflow; @@ -341,11 +342,19 @@ export function WorkflowDetailHeader(props: WorkflowDetailHeaderProps) { + ), + }, { text: `Last updated: ${workflowLastUpdated}`, color: 'subdued', className: 'workflow-detail-last-updated', - } as TopNavControlTextData, + } as TopNavControlData, ]} /> @@ -402,6 +411,10 @@ export function WorkflowDetailHeader(props: WorkflowDetailHeaderProps) { {`Last updated: ${workflowLastUpdated}`} , + , ]} bottomBorder={false} rightSideGroupProps={{