updated component to use new theme model (#33306)

This commit is contained in:
Uchechukwu Obasi 2021-04-26 09:12:39 +01:00 committed by GitHub
parent ba2fa3434e
commit 34910521a6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -7,8 +7,8 @@ import { css, cx } from '@emotion/css';
import RCCascader from 'rc-cascader';
import { CascaderOption } from '../Cascader/Cascader';
import { onChangeCascader, onLoadDataCascader } from '../Cascader/optionMappings';
import { stylesFactory, useTheme } from '../../themes';
import { GrafanaTheme } from '@grafana/data';
import { stylesFactory, useTheme2 } from '../../themes';
import { GrafanaThemeV2 } from '@grafana/data';
export interface ButtonCascaderProps {
options: CascaderOption[];
@ -23,7 +23,7 @@ export interface ButtonCascaderProps {
className?: string;
}
const getStyles = stylesFactory((theme: GrafanaTheme) => {
const getStyles = stylesFactory((theme: GrafanaThemeV2) => {
return {
popup: css`
label: popup;
@ -42,7 +42,7 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
export const ButtonCascader: React.FC<ButtonCascaderProps> = (props) => {
const { onChange, className, loadData, icon, ...rest } = props;
const theme = useTheme();
const theme = useTheme2();
const styles = getStyles(theme);
return (