Add KibanaThemeProvider to stack monitoring UI (#139839) (#139994)

* Add KibanaThemeProvider to stack monitoring UI

Fixes https://github.com/elastic/kibana/issues/138211

* [CI] Auto-commit changed files from 'node scripts/precommit_hook.js --ref HEAD~1..HEAD --fix'

Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
(cherry picked from commit 946466fa3c)

# Conflicts:
#	x-pack/plugins/monitoring/public/application/index.tsx

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Mat Schaffer 2022-09-06 00:11:31 +09:00 committed by GitHub
parent ef7bc024a4
commit e8e8535dca
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -10,7 +10,7 @@ import React from 'react';
import ReactDOM from 'react-dom';
import { Route, Switch, Redirect, Router } from 'react-router-dom';
import { Observable } from 'rxjs';
import { KibanaContextProvider } from '@kbn/kibana-react-plugin/public';
import { KibanaContextProvider, KibanaThemeProvider } from '@kbn/kibana-react-plugin/public';
import { LoadingPage } from './pages/loading_page';
import { LicensePage } from './pages/license_page';
import { ClusterOverview } from './pages/cluster/overview_page';
@ -100,247 +100,249 @@ const MonitoringApp: React.FC<{
return (
<KibanaContextProvider services={{ ...core, ...plugins }}>
<ExternalConfigContext.Provider value={externalConfig}>
<GlobalStateProvider
query={plugins.data.query}
toasts={core.notifications.toasts}
uiSettings={core.uiSettings}
>
<HeaderActionMenuContext.Provider value={{ setHeaderActionMenu, theme$ }}>
<MonitoringTimeContainer.Provider>
<BreadcrumbContainer.Provider history={history}>
<Router history={history}>
<Switch>
<Route path="/access-denied" component={AccessDeniedPage} />
<Route path="/no-data" component={NoDataPage} />
<Route path="/loading" component={LoadingPage} />
<RouteInit
path="/license"
component={LicensePage}
codePaths={['all']}
fetchAllClusters={false}
/>
<RouteInit
path="/home"
component={ClusterListing}
codePaths={['all']}
fetchAllClusters={true}
unsetGlobalState={true}
/>
<RouteInit
path="/overview"
component={ClusterOverview}
codePaths={['all']}
fetchAllClusters={false}
/>
<KibanaThemeProvider theme$={core.theme.theme$}>
<ExternalConfigContext.Provider value={externalConfig}>
<GlobalStateProvider
query={plugins.data.query}
toasts={core.notifications.toasts}
uiSettings={core.uiSettings}
>
<HeaderActionMenuContext.Provider value={{ setHeaderActionMenu, theme$ }}>
<MonitoringTimeContainer.Provider>
<BreadcrumbContainer.Provider history={history}>
<Router history={history}>
<Switch>
<Route path="/access-denied" component={AccessDeniedPage} />
<Route path="/no-data" component={NoDataPage} />
<Route path="/loading" component={LoadingPage} />
<RouteInit
path="/license"
component={LicensePage}
codePaths={['all']}
fetchAllClusters={false}
/>
<RouteInit
path="/home"
component={ClusterListing}
codePaths={['all']}
fetchAllClusters={true}
unsetGlobalState={true}
/>
<RouteInit
path="/overview"
component={ClusterOverview}
codePaths={['all']}
fetchAllClusters={false}
/>
{/* ElasticSearch Views */}
<RouteInit
path="/elasticsearch/ml_jobs"
component={ElasticsearchMLJobsPage}
codePaths={[CODE_PATH_ELASTICSEARCH]}
fetchAllClusters={false}
/>
{/* ElasticSearch Views */}
<RouteInit
path="/elasticsearch/ml_jobs"
component={ElasticsearchMLJobsPage}
codePaths={[CODE_PATH_ELASTICSEARCH]}
fetchAllClusters={false}
/>
<RouteInit
path="/elasticsearch/ccr/:index/shard/:shardId"
component={ElasticsearchCcrShardPage}
codePaths={[CODE_PATH_ELASTICSEARCH]}
fetchAllClusters={false}
/>
<RouteInit
path="/elasticsearch/ccr/:index/shard/:shardId"
component={ElasticsearchCcrShardPage}
codePaths={[CODE_PATH_ELASTICSEARCH]}
fetchAllClusters={false}
/>
<RouteInit
path="/elasticsearch/ccr"
component={ElasticsearchCcrPage}
codePaths={[CODE_PATH_ELASTICSEARCH]}
fetchAllClusters={false}
/>
<RouteInit
path="/elasticsearch/ccr"
component={ElasticsearchCcrPage}
codePaths={[CODE_PATH_ELASTICSEARCH]}
fetchAllClusters={false}
/>
<RouteInit
path="/elasticsearch/indices/:index/advanced"
component={ElasticsearchIndexAdvancedPage}
codePaths={[CODE_PATH_ELASTICSEARCH]}
fetchAllClusters={false}
/>
<RouteInit
path="/elasticsearch/indices/:index/advanced"
component={ElasticsearchIndexAdvancedPage}
codePaths={[CODE_PATH_ELASTICSEARCH]}
fetchAllClusters={false}
/>
<RouteInit
path="/elasticsearch/indices/:index"
component={ElasticsearchIndexPage}
codePaths={[CODE_PATH_ELASTICSEARCH]}
fetchAllClusters={false}
/>
<RouteInit
path="/elasticsearch/indices/:index"
component={ElasticsearchIndexPage}
codePaths={[CODE_PATH_ELASTICSEARCH]}
fetchAllClusters={false}
/>
<RouteInit
path="/elasticsearch/indices"
component={ElasticsearchIndicesPage}
codePaths={[CODE_PATH_ELASTICSEARCH]}
fetchAllClusters={false}
/>
<RouteInit
path="/elasticsearch/indices"
component={ElasticsearchIndicesPage}
codePaths={[CODE_PATH_ELASTICSEARCH]}
fetchAllClusters={false}
/>
<RouteInit
path="/elasticsearch/nodes/:node/advanced"
component={ElasticsearchNodeAdvancedPage}
codePaths={[CODE_PATH_ELASTICSEARCH]}
fetchAllClusters={false}
/>
<RouteInit
path="/elasticsearch/nodes/:node/advanced"
component={ElasticsearchNodeAdvancedPage}
codePaths={[CODE_PATH_ELASTICSEARCH]}
fetchAllClusters={false}
/>
<RouteInit
path="/elasticsearch/nodes/:node"
component={ElasticsearchNodePage}
codePaths={[CODE_PATH_ELASTICSEARCH]}
fetchAllClusters={false}
/>
<RouteInit
path="/elasticsearch/nodes/:node"
component={ElasticsearchNodePage}
codePaths={[CODE_PATH_ELASTICSEARCH]}
fetchAllClusters={false}
/>
<RouteInit
path="/elasticsearch/nodes"
component={ElasticsearchNodesPage}
codePaths={[CODE_PATH_ELASTICSEARCH]}
fetchAllClusters={false}
/>
<RouteInit
path="/elasticsearch/nodes"
component={ElasticsearchNodesPage}
codePaths={[CODE_PATH_ELASTICSEARCH]}
fetchAllClusters={false}
/>
<RouteInit
path="/elasticsearch"
component={ElasticsearchOverviewPage}
codePaths={[CODE_PATH_ELASTICSEARCH]}
fetchAllClusters={false}
/>
<RouteInit
path="/elasticsearch"
component={ElasticsearchOverviewPage}
codePaths={[CODE_PATH_ELASTICSEARCH]}
fetchAllClusters={false}
/>
{/* Kibana Views */}
<RouteInit
path="/kibana/instances/:instance"
component={KibanaInstancePage}
codePaths={[CODE_PATH_KIBANA]}
fetchAllClusters={false}
/>
{/* Kibana Views */}
<RouteInit
path="/kibana/instances/:instance"
component={KibanaInstancePage}
codePaths={[CODE_PATH_KIBANA]}
fetchAllClusters={false}
/>
<RouteInit
path="/kibana/instances"
component={KibanaInstancesPage}
codePaths={[CODE_PATH_KIBANA]}
fetchAllClusters={false}
/>
<RouteInit
path="/kibana/instances"
component={KibanaInstancesPage}
codePaths={[CODE_PATH_KIBANA]}
fetchAllClusters={false}
/>
<RouteInit
path="/kibana"
component={KibanaOverviewPage}
codePaths={[CODE_PATH_KIBANA]}
fetchAllClusters={false}
/>
<RouteInit
path="/kibana"
component={KibanaOverviewPage}
codePaths={[CODE_PATH_KIBANA]}
fetchAllClusters={false}
/>
{/* Beats Views */}
<RouteInit
path="/beats/beat/:instance"
component={BeatsInstancePage}
codePaths={[CODE_PATH_BEATS]}
fetchAllClusters={false}
/>
{/* Beats Views */}
<RouteInit
path="/beats/beat/:instance"
component={BeatsInstancePage}
codePaths={[CODE_PATH_BEATS]}
fetchAllClusters={false}
/>
<RouteInit
path="/beats/beats"
component={BeatsInstancesPage}
codePaths={[CODE_PATH_BEATS]}
fetchAllClusters={false}
/>
<RouteInit
path="/beats/beats"
component={BeatsInstancesPage}
codePaths={[CODE_PATH_BEATS]}
fetchAllClusters={false}
/>
<RouteInit
path="/beats"
component={BeatsOverviewPage}
codePaths={[CODE_PATH_BEATS]}
fetchAllClusters={false}
/>
<RouteInit
path="/beats"
component={BeatsOverviewPage}
codePaths={[CODE_PATH_BEATS]}
fetchAllClusters={false}
/>
{/* Logstash Routes */}
<RouteInit
path="/logstash/nodes"
component={LogStashNodesPage}
codePaths={[CODE_PATH_LOGSTASH]}
fetchAllClusters={false}
/>
{/* Logstash Routes */}
<RouteInit
path="/logstash/nodes"
component={LogStashNodesPage}
codePaths={[CODE_PATH_LOGSTASH]}
fetchAllClusters={false}
/>
<RouteInit
path="/logstash/node/:uuid/advanced"
component={LogStashNodeAdvancedPage}
codePaths={[CODE_PATH_LOGSTASH]}
fetchAllClusters={false}
/>
<RouteInit
path="/logstash/node/:uuid/advanced"
component={LogStashNodeAdvancedPage}
codePaths={[CODE_PATH_LOGSTASH]}
fetchAllClusters={false}
/>
<RouteInit
path="/logstash/node/:uuid/pipelines"
component={LogStashNodePipelinesPage}
codePaths={[CODE_PATH_LOGSTASH]}
fetchAllClusters={false}
/>
<RouteInit
path="/logstash/node/:uuid/pipelines"
component={LogStashNodePipelinesPage}
codePaths={[CODE_PATH_LOGSTASH]}
fetchAllClusters={false}
/>
<RouteInit
path="/logstash/node/:uuid"
component={LogStashNodePage}
codePaths={[CODE_PATH_LOGSTASH]}
fetchAllClusters={false}
/>
<RouteInit
path="/logstash/node/:uuid"
component={LogStashNodePage}
codePaths={[CODE_PATH_LOGSTASH]}
fetchAllClusters={false}
/>
<RouteInit
path="/logstash/pipelines/:id/:hash?"
component={LogStashPipelinePage}
codePaths={[CODE_PATH_LOGSTASH]}
fetchAllClusters={false}
/>
<RouteInit
path="/logstash/pipelines/:id/:hash?"
component={LogStashPipelinePage}
codePaths={[CODE_PATH_LOGSTASH]}
fetchAllClusters={false}
/>
<RouteInit
path="/logstash/pipelines"
component={LogStashPipelinesPage}
codePaths={[CODE_PATH_LOGSTASH]}
fetchAllClusters={false}
/>
<RouteInit
path="/logstash/pipelines"
component={LogStashPipelinesPage}
codePaths={[CODE_PATH_LOGSTASH]}
fetchAllClusters={false}
/>
<RouteInit
path="/logstash"
component={LogStashOverviewPage}
codePaths={[CODE_PATH_LOGSTASH]}
fetchAllClusters={false}
/>
<RouteInit
path="/logstash"
component={LogStashOverviewPage}
codePaths={[CODE_PATH_LOGSTASH]}
fetchAllClusters={false}
/>
{/* APM Views */}
<RouteInit
path="/apm/instances/:instance"
component={ApmInstancePage}
codePaths={[CODE_PATH_APM]}
fetchAllClusters={false}
/>
{/* APM Views */}
<RouteInit
path="/apm/instances/:instance"
component={ApmInstancePage}
codePaths={[CODE_PATH_APM]}
fetchAllClusters={false}
/>
<RouteInit
path="/apm/instances"
component={ApmInstancesPage}
codePaths={[CODE_PATH_APM]}
fetchAllClusters={false}
/>
<RouteInit
path="/apm/instances"
component={ApmInstancesPage}
codePaths={[CODE_PATH_APM]}
fetchAllClusters={false}
/>
<RouteInit
path="/apm"
component={ApmOverviewPage}
codePaths={[CODE_PATH_APM]}
fetchAllClusters={false}
/>
<RouteInit
path="/apm"
component={ApmOverviewPage}
codePaths={[CODE_PATH_APM]}
fetchAllClusters={false}
/>
<RouteInit
path="/enterprise_search"
component={EntSearchOverviewPage}
codePaths={[CODE_PATH_ENTERPRISE_SEARCH]}
fetchAllClusters={false}
/>
<RouteInit
path="/enterprise_search"
component={EntSearchOverviewPage}
codePaths={[CODE_PATH_ENTERPRISE_SEARCH]}
fetchAllClusters={false}
/>
<Redirect
to={{
pathname: '/loading',
search: history.location.search,
}}
/>
</Switch>
</Router>
</BreadcrumbContainer.Provider>
</MonitoringTimeContainer.Provider>
</HeaderActionMenuContext.Provider>
</GlobalStateProvider>
</ExternalConfigContext.Provider>
<Redirect
to={{
pathname: '/loading',
search: history.location.search,
}}
/>
</Switch>
</Router>
</BreadcrumbContainer.Provider>
</MonitoringTimeContainer.Provider>
</HeaderActionMenuContext.Provider>
</GlobalStateProvider>
</ExternalConfigContext.Provider>
</KibanaThemeProvider>
</KibanaContextProvider>
);
};