IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2026-07-30 00:08:10 -05:00
Code Issues Packages Projects Releases Wiki Activity

DataLinksInlineEditor: updates component with the new theme model (#33391)

Browse Source
This commit is contained in:
Uchechukwu Obasi
2021-04-28 10:01:18 +02:00
committed by GitHub
parent 6c7290164e
commit faa80003b9
1 changed files with 5 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
packages/grafana-ui/src/components/DataLinks/DataLinksInlineEditor/DataLinksInlineEditor.tsx
+5 -5
View File
@@ -1,10 +1,10 @@
import { DataFrame, DataLink, GrafanaTheme, VariableSuggestion } from '@grafana/data';
import { DataFrame, DataLink, GrafanaThemeV2, VariableSuggestion } from '@grafana/data';
import React, { useState } from 'react';
import { css } from '@emotion/css';
import { Button } from '../../Button/Button';
import { cloneDeep } from 'lodash';
import { Modal } from '../../Modal/Modal';
import { stylesFactory, useTheme } from '../../../themes';
import { stylesFactory, useTheme2 } from '../../../themes';
import { DataLinksListItem } from './DataLinksListItem';
import { DataLinkEditorModalContent } from './DataLinkEditorModalContent';
@@ -21,7 +21,7 @@ export const DataLinksInlineEditor: React.FC<DataLinksInlineEditorProps> = ({
getSuggestions,
data,
}) => {
const theme = useTheme();
const theme = useTheme2();
const [editIndex, setEditIndex] = useState<number | null>(null);
const [isNew, setIsNew] = useState(false);
@@ -111,10 +111,10 @@ export const DataLinksInlineEditor: React.FC<DataLinksInlineEditorProps> = ({
);
};
const getDataLinksInlineEditorStyles = stylesFactory((theme: GrafanaTheme) => {
const getDataLinksInlineEditorStyles = stylesFactory((theme: GrafanaThemeV2) => {
return {
wrapper: css`
margin-bottom: ${theme.spacing.md};
margin-bottom: ${theme.spacing(2)};
`,
};
});