diff --git a/x-pack/plugins/ingest_pipelines/public/application/app.tsx b/x-pack/plugins/ingest_pipelines/public/application/app.tsx index 1cca7a0721fbc0..da8f74e1efae59 100644 --- a/x-pack/plugins/ingest_pipelines/public/application/app.tsx +++ b/x-pack/plugins/ingest_pipelines/public/application/app.tsx @@ -6,7 +6,7 @@ */ import { FormattedMessage } from '@kbn/i18n/react'; -import { EuiPageContent } from '@elastic/eui'; +import { EuiPageContent, EuiEmptyPrompt } from '@elastic/eui'; import React, { FunctionComponent } from 'react'; import { Router, Switch, Route } from 'react-router-dom'; @@ -19,7 +19,6 @@ import { useAuthorizationContext, WithPrivileges, SectionLoading, - NotAuthorizedSection, } from '../shared_imports'; import { PipelinesList, PipelinesCreate, PipelinesEdit, PipelinesClone } from './sections'; @@ -61,35 +60,42 @@ export const App: FunctionComponent = () => { {({ isLoading, hasPrivileges, privilegesMissing }) => { if (isLoading) { return ( - - - + + + + + ); } if (!hasPrivileges) { return ( - - + +

+ +

} - message={ - + body={ +

+ +

} />
diff --git a/x-pack/plugins/ingest_pipelines/public/application/sections/pipelines_edit/pipelines_edit.tsx b/x-pack/plugins/ingest_pipelines/public/application/sections/pipelines_edit/pipelines_edit.tsx index a2ffe7c860353f..ea47f4c9a25e92 100644 --- a/x-pack/plugins/ingest_pipelines/public/application/sections/pipelines_edit/pipelines_edit.tsx +++ b/x-pack/plugins/ingest_pipelines/public/application/sections/pipelines_edit/pipelines_edit.tsx @@ -95,7 +95,8 @@ export const PipelinesEdit: React.FunctionComponent } diff --git a/x-pack/plugins/ingest_pipelines/public/application/sections/pipelines_list/empty_list.tsx b/x-pack/plugins/ingest_pipelines/public/application/sections/pipelines_list/empty_list.tsx index cc62c6cd002aa8..8718d612f39111 100644 --- a/x-pack/plugins/ingest_pipelines/public/application/sections/pipelines_list/empty_list.tsx +++ b/x-pack/plugins/ingest_pipelines/public/application/sections/pipelines_list/empty_list.tsx @@ -37,7 +37,7 @@ export const EmptyList: FunctionComponent = () => { id="xpack.ingestPipelines.list.table.emptyPromptDescription" defaultMessage="For example, you might create a pipeline with one processor that removes a field and another processor that renames a field." /> -
+ {' '} {i18n.translate('xpack.ingestPipelines.list.table.emptyPromptDocumentionLink', { defaultMessage: 'Learn more', diff --git a/x-pack/plugins/ingest_pipelines/public/application/sections/pipelines_list/main.tsx b/x-pack/plugins/ingest_pipelines/public/application/sections/pipelines_list/main.tsx index 122fd67643e8a8..ae68cfcb399f09 100644 --- a/x-pack/plugins/ingest_pipelines/public/application/sections/pipelines_list/main.tsx +++ b/x-pack/plugins/ingest_pipelines/public/application/sections/pipelines_list/main.tsx @@ -86,7 +86,7 @@ export const PipelinesList: React.FunctionComponent = ({

}