Adds KibanaThemeProvider to Home app (#119254)

Co-authored-by: Kibana Machine <[email protected]>
elastic · Nov 22, 2021 · abd6e8e · abd6e8e
1 parent 7546174
commit abd6e8e
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 6 deletions.
diff --git a/src/plugins/home/public/application/application.tsx b/src/plugins/home/public/application/application.tsx
@@ -9,8 +9,13 @@
 import React from 'react';
 import { render, unmountComponentAtNode } from 'react-dom';
 import { i18n } from '@kbn/i18n';
-import { ScopedHistory, CoreStart } from 'kibana/public';
-import { KibanaContextProvider, RedirectAppLinks } from '../../../kibana_react/public';
+import { ScopedHistory, CoreStart, CoreTheme } from 'kibana/public';
+import { Observable } from 'rxjs';
+import {
+  KibanaContextProvider,
+  KibanaThemeProvider,
+  RedirectAppLinks,
+} from '../../../kibana_react/public';
 // @ts-ignore
 import { HomeApp } from './components/home_app';
 import { getServices } from './kibana_services';
@@ -19,6 +24,7 @@ import './index.scss';
 
 export const renderApp = async (
   element: HTMLElement,
+  theme$: Observable<CoreTheme>,
   coreStart: CoreStart,
   history: ScopedHistory
 ) => {
@@ -45,9 +51,11 @@ export const renderApp = async (
 
   render(
     <RedirectAppLinks application={coreStart.application}>
-      <KibanaContextProvider services={{ ...coreStart }}>
-        <HomeApp directories={directories} solutions={solutions} />
-      </KibanaContextProvider>
+      <KibanaThemeProvider theme$={theme$}>
+        <KibanaContextProvider services={{ ...coreStart }}>
+          <HomeApp directories={directories} solutions={solutions} />
+        </KibanaContextProvider>
+      </KibanaThemeProvider>
     </RedirectAppLinks>,
     element
   );

diff --git a/src/plugins/home/public/plugin.ts b/src/plugins/home/public/plugin.ts
@@ -105,7 +105,7 @@ export class HomePublicPlugin
           i18n.translate('home.pageTitle', { defaultMessage: 'Home' })
         );
         const { renderApp } = await import('./application');
-        return await renderApp(params.element, coreStart, params.history);
+        return await renderApp(params.element, params.theme$, coreStart, params.history);
       },
     });
     urlForwarding.forwardApp('home', 'home');