IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Promethus: Migrate from GrafanaTheme to GrafanaTheme2 (#35331)

Browse Source
This commit is contained in:
Betula-L 2021-06-11 21:03:58 +08:00 committed by GitHub
parent 0611207f3b
commit 51214ac3da
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
public/app/plugins/datasource/prometheus/components/PromExemplarField.tsx
View File

@ -1,5 +1,5 @@
import { GrafanaTheme } from '@grafana/data';
import { IconButton, InlineLabel, Tooltip, useStyles } from '@grafana/ui';
import { GrafanaTheme2 } from '@grafana/data';
import { IconButton, InlineLabel, Tooltip, useStyles2 } from '@grafana/ui';
import { css, cx } from '@emotion/css';
import React, { useEffect, useState } from 'react';
import { PrometheusDatasource } from '../datasource';
@ -12,7 +12,7 @@ interface Props {
export function PromExemplarField({ datasource, onChange, isEnabled }: Props) {
const [error, setError] = useState<string>();
const styles = useStyles(getStyles);
const styles = useStyles2(getStyles);
useEffect(() => {
const subscription = datasource.exemplarErrors.subscribe((err) => {
@ -50,13 +50,13 @@ export function PromExemplarField({ datasource, onChange, isEnabled }: Props) {
);
}
function getStyles(theme: GrafanaTheme) {
function getStyles(theme: GrafanaTheme2) {
return {
eyeIcon: css`
margin-left: ${theme.spacing.md};
margin-left: ${theme.spacing(2)};
`,
activeIcon: css`
color: ${theme.palette.blue95};
color: ${theme.colors.primary.main};
`,
iconWrapper: css`
display: flex;