diff --git a/packages/grafana-ui/src/components/Table/ImageCell.tsx b/packages/grafana-ui/src/components/Table/ImageCell.tsx index d4a164cebce..6732bb6c54f 100644 --- a/packages/grafana-ui/src/components/Table/ImageCell.tsx +++ b/packages/grafana-ui/src/components/Table/ImageCell.tsx @@ -1,9 +1,6 @@ -import { cx } from '@emotion/css'; import React from 'react'; -import { useStyles2 } from '../../themes'; import { getCellLinks } from '../../utils'; -import { Button, clearLinkButtonStyles } from '../Button'; import { DataLinksContextMenu } from '../DataLinks/DataLinksContextMenu'; import { TableCellProps } from './types'; @@ -16,7 +13,6 @@ export const ImageCell = (props: TableCellProps) => { const displayValue = field.display!(cell.value); const hasLinks = Boolean(getCellLinks(field, row)?.length); - const clearButtonStyle = useStyles2(clearLinkButtonStyles); return (
@@ -27,12 +23,29 @@ export const ImageCell = (props: TableCellProps) => { links={() => getCellLinks(field, row) || []} > {(api) => { - const img = ; + const img = ( + + ); if (api.openMenu) { return ( - +
); } else { return img;