[drilldown] fix Darktheme is missing from add drilldowns panel

elastic · Dec 6, 2022 · d75668e · d75668e
1 parent 92ae81d
commit d75668e
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 5 deletions.
diff --git a/...ldowns/drilldown_manager/containers/drilldown_manager/create_public_drilldown_manager.tsx b/...ldowns/drilldown_manager/containers/drilldown_manager/create_public_drilldown_manager.tsx
@@ -7,6 +7,7 @@
  */
 
 import * as React from 'react';
+import { KibanaThemeProvider } from '@kbn/kibana-react-plugin/public';
 import { DrilldownManagerDependencies, PublicDrilldownManagerProps } from '../../types';
 
 export type PublicDrilldownManagerComponent = React.FC<PublicDrilldownManagerProps>;
@@ -36,11 +37,13 @@ export const createPublicDrilldownManager = (
 
     return (
       <React.Suspense fallback={null}>
-        <LazyDrilldownManager
-          {...dependencies}
-          {...drilldownManagerProps}
-          actionFactories={filteredActionFactories}
-        />
+        <KibanaThemeProvider theme$={dependencies.theme.theme$}>
+          <LazyDrilldownManager
+            {...dependencies}
+            {...drilldownManagerProps}
+            actionFactories={filteredActionFactories}
+          />
+        </KibanaThemeProvider>
       </React.Suspense>
     );
   };

diff --git a/src/plugins/ui_actions_enhanced/public/drilldowns/drilldown_manager/types.ts b/src/plugins/ui_actions_enhanced/public/drilldowns/drilldown_manager/types.ts
@@ -9,6 +9,7 @@
 import { ToastsStart } from '@kbn/core/public';
 import { IStorageWrapper } from '@kbn/kibana-utils-plugin/public';
 import { Trigger } from '@kbn/ui-actions-plugin/public';
+import type { ThemeServiceStart } from '@kbn/core-theme-browser';
 import {
   ActionFactory,
   BaseActionFactoryContext,
@@ -160,4 +161,9 @@ export interface DrilldownManagerDependencies {
    * Link to trigger picker user facing docs on corporate website.
    */
   triggerPickerDocsLink?: string;
+
+  /**
+   * Kibana theme service
+   */
+  theme: ThemeServiceStart;
 }
diff --git a/src/plugins/ui_actions_enhanced/public/plugin.ts b/src/plugins/ui_actions_enhanced/public/plugin.ts
@@ -122,6 +122,7 @@ export class AdvancedUiActionsPublicPlugin
         toastService: core.notifications.toasts,
         docsLink: core.docLinks.links.dashboard.drilldowns,
         triggerPickerDocsLink: core.docLinks.links.dashboard.drilldownsTriggerPicker,
+        theme: core.theme,
       }),
     };
   }