Replace Icons for IconButtons when used as buttons (#23554)

This commit is contained in:
Ivana Huckova
2020-04-14 15:15:36 +02:00
committed by GitHub
parent 2661054fe8
commit 0949d3292d
11 changed files with 24 additions and 29 deletions

View File

@@ -13,7 +13,7 @@ import ApiKeysAddedModal from './ApiKeysAddedModal';
import config from 'app/core/config';
import appEvents from 'app/core/app_events';
import EmptyListCTA from 'app/core/components/EmptyListCTA/EmptyListCTA';
import { DeleteButton, EventsWithValidation, FormLabel, LegacyForms, ValidationEvents, Icon } from '@grafana/ui';
import { DeleteButton, EventsWithValidation, FormLabel, LegacyForms, ValidationEvents, IconButton } from '@grafana/ui';
const { Input, Switch } = LegacyForms;
import { dateTime, isDateTime, NavModel } from '@grafana/data';
import { FilterInput } from 'app/core/components/FilterInput/FilterInput';
@@ -181,7 +181,7 @@ export class ApiKeysPage extends PureComponent<Props, any> {
<SlideDown in={isAdding}>
<div className="cta-form">
<button className="cta-form__close btn btn-transparent" onClick={this.onToggleAdding}>
<Icon name="times" />
<IconButton name="times" />
</button>
<h5>Add API Key</h5>
<form className="gf-form-group" onSubmit={this.onAddApiKey}>

View File

@@ -53,7 +53,7 @@ exports[`Render should render CTA if there are no API keys 1`] = `
className="cta-form__close btn btn-transparent"
onClick={[Function]}
>
<Icon
<IconButton
name="times"
/>
</button>