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

EmptySearchResult: updates component with the new theme model (#33573)

Browse Source
This commit is contained in:
Uchechukwu Obasi 2021-04-30 16:07:25 +01:00 committed by GitHub
parent aad772a7fc
commit 65673857b6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
packages/grafana-ui/src/components/EmptySearchResult/EmptySearchResult.tsx
View File

@ -1,26 +1,26 @@
import React, { FC } from 'react'; import React, { FC } from 'react';
import { GrafanaTheme } from '@grafana/data'; import { GrafanaThemeV2 } from '@grafana/data';
import { css } from '@emotion/css'; import { css } from '@emotion/css';
import { useStyles } from '../../themes'; import { useStyles2 } from '../../themes';
export interface Props { export interface Props {
children: JSX.Element | string; children: JSX.Element | string;
} }
const EmptySearchResult: FC<Props> = ({ children }) => { const EmptySearchResult: FC<Props> = ({ children }) => {
const styles = useStyles(getStyles); const styles = useStyles2(getStyles);
return <div className={styles.container}>{children}</div>; return <div className={styles.container}>{children}</div>;
}; };
const getStyles = (theme: GrafanaTheme) => { const getStyles = (theme: GrafanaThemeV2) => {
return { return {
container: css` container: css`
border-left: 3px solid ${theme.palette.blue80}; border-left: 3px solid ${theme.colors.info.main};
background-color: ${theme.colors.bg2}; background-color: ${theme.colors.background.secondary};
padding: ${theme.spacing.d}; padding: ${theme.spacing(2)};
min-width: 350px; min-width: 350px;
border-radius: ${theme.border.radius.md}; border-radius: ${theme.shape.borderRadius(2)};
margin-bottom: ${theme.spacing.xl}; margin-bottom: ${theme.spacing(4)};
`, `,
}; };
}; };