use KibanaThemeProvider for pipelines management app (#122311)

This commit is contained in:
Pierre Gayvallet 2022-01-05 16:01:29 +01:00 committed by GitHub
parent cd0326c05a
commit b0c99771a7
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 62 additions and 59 deletions

View file

@ -11,5 +11,5 @@
"optionalPlugins": ["home", "monitoring", "security"],
"server": true,
"ui": true,
"requiredBundles": ["esUiShared", "home"]
"requiredBundles": ["esUiShared", "home", "kibanaReact"]
}

View file

@ -13,6 +13,7 @@ import { first } from 'rxjs/operators';
import { CoreStart } from 'src/core/public';
import { ManagementAppMountParams } from '../../../../../src/plugins/management/public';
import { KibanaThemeProvider } from '../../../../../src/plugins/kibana_react/public';
import {
ClusterService,
MonitoringService,
@ -30,7 +31,7 @@ import * as Breadcrumbs from './breadcrumbs';
export const renderApp = async (
core: CoreStart,
{ history, element, setBreadcrumbs }: ManagementAppMountParams,
{ history, element, setBreadcrumbs, theme$ }: ManagementAppMountParams,
isMonitoringEnabled: boolean,
licenseService$: Observable<any>
) => {
@ -42,64 +43,66 @@ export const renderApp = async (
ReactDOM.render(
<core.i18n.Context>
<Router history={history}>
<Switch>
<Route
path={['/', '']}
exact
render={() => {
setBreadcrumbs(Breadcrumbs.getPipelineListBreadcrumbs());
return (
<PipelineList
clusterService={clusterService}
isReadOnly={logstashLicenseService.isReadOnly}
isForbidden={true}
isLoading={false}
licenseService={logstashLicenseService}
monitoringService={monitoringService}
openPipeline={(id: string) => history.push(`/pipeline/${id}/edit`)}
clonePipeline={(id: string) => history.push(`/pipeline/${id}/edit?clone`)}
createPipeline={() => history.push(`pipeline/new-pipeline`)}
pipelinesService={pipelinesService}
toastNotifications={core.notifications.toasts}
<KibanaThemeProvider theme$={theme$}>
<Router history={history}>
<Switch>
<Route
path={['/', '']}
exact
render={() => {
setBreadcrumbs(Breadcrumbs.getPipelineListBreadcrumbs());
return (
<PipelineList
clusterService={clusterService}
isReadOnly={logstashLicenseService.isReadOnly}
isForbidden={true}
isLoading={false}
licenseService={logstashLicenseService}
monitoringService={monitoringService}
openPipeline={(id: string) => history.push(`/pipeline/${id}/edit`)}
clonePipeline={(id: string) => history.push(`/pipeline/${id}/edit?clone`)}
createPipeline={() => history.push(`pipeline/new-pipeline`)}
pipelinesService={pipelinesService}
toastNotifications={core.notifications.toasts}
/>
);
}}
/>
<Route
path="/pipeline/new-pipeline"
exact
render={() => (
<PipelineEditView
history={history}
setBreadcrumbs={setBreadcrumbs}
logstashLicenseService={logstashLicenseService}
pipelineService={pipelineService}
toasts={core.notifications.toasts}
/>
);
}}
/>
<Route
path="/pipeline/new-pipeline"
exact
render={() => (
<PipelineEditView
history={history}
setBreadcrumbs={setBreadcrumbs}
logstashLicenseService={logstashLicenseService}
pipelineService={pipelineService}
toasts={core.notifications.toasts}
/>
)}
/>
<Route
path="/pipeline/:id"
exact
render={({ match }) => <Redirect to={`/pipeline/${match.params.id}/edit`} />}
/>
<Route
path="/pipeline/:id/edit"
exact
render={({ match }) => (
<PipelineEditView
history={history}
setBreadcrumbs={setBreadcrumbs}
logstashLicenseService={logstashLicenseService}
pipelineService={pipelineService}
toasts={core.notifications.toasts}
id={match.params.id}
/>
)}
/>
</Switch>
</Router>
)}
/>
<Route
path="/pipeline/:id"
exact
render={({ match }) => <Redirect to={`/pipeline/${match.params.id}/edit`} />}
/>
<Route
path="/pipeline/:id/edit"
exact
render={({ match }) => (
<PipelineEditView
history={history}
setBreadcrumbs={setBreadcrumbs}
logstashLicenseService={logstashLicenseService}
pipelineService={pipelineService}
toasts={core.notifications.toasts}
id={match.params.id}
/>
)}
/>
</Switch>
</Router>
</KibanaThemeProvider>
</core.i18n.Context>,
element
);