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

Alerts: Update Alert storybook to show more states (#30908)

Browse Source 
* Alert: Design update for alerts

* Before text color

* Text update

* reverted style changes

* Minor fix

* Updated snapshot
This commit is contained in:
Torkel Ödegaard
2021-02-05 09:19:09 +01:00
committed by GitHub
parent 2a3aa95163
commit 5cd41adc1e
7 changed files with 53 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/app/features/datasources/settings/DataSourceSettingsPage.tsx
View File

@@ -23,7 +23,7 @@ import { getRouteParamsId } from 'app/core/selectors/location';
// Types
import { CoreEvents, StoreState } from 'app/types/';
import { DataSourcePluginMeta, DataSourceSettings, NavModel, UrlQueryMap } from '@grafana/data';
import { Alert } from '@grafana/ui';
import { Alert, InfoBox } from '@grafana/ui';
import { getDataSourceLoadingNav } from '../state/navModel';
import PluginStateinfo from 'app/features/plugins/PluginStateInfo';
import { dataSourceLoaded, setDataSourceName, setIsDefault } from '../state/reducers';
@@ -100,10 +100,10 @@ export class DataSourceSettingsPage extends PureComponent<Props> {
renderIsReadOnlyMessage() {
return (
<div className="grafana-info-box span8">
<InfoBox severity="info">
This datasource was added by config and cannot be modified using the UI. Please contact your server admin to
update this datasource.
</div>
</InfoBox>
);
}

6
public/app/features/datasources/settings/__snapshots__/DataSourceSettingsPage.test.tsx.snap
View File

@@ -295,11 +295,11 @@ exports[`Render should render is ready only message 1`] = `
<form
onSubmit={[Function]}
>
<div
className="grafana-info-box span8"
<InfoBox
severity="info"
>
This datasource was added by config and cannot be modified using the UI. Please contact your server admin to update this datasource.
</div>
</InfoBox>
<CloudInfoBox
dataSource={
Object {

10
public/app/plugins/datasource/influxdb/components/ConfigEditor.tsx
View File

@@ -8,7 +8,7 @@ import {
onUpdateDatasourceJsonDataOptionSelect,
onUpdateDatasourceSecureJsonDataOption,
} from '@grafana/data';
import { DataSourceHttpSettings, InlineFormLabel, LegacyForms } from '@grafana/ui';
import { DataSourceHttpSettings, InfoBox, InlineFormLabel, LegacyForms } from '@grafana/ui';
const { Select, Input, SecretFormField } = LegacyForms;
import { InfluxOptions, InfluxSecureJsonData, InfluxVersion } from '../types';
@@ -74,7 +74,7 @@ export class ConfigEditor extends PureComponent<Props> {
return (
<div>
<div className="gf-form-group">
<div className="width-30 grafana-info-box">
<InfoBox>
<h5>Support for flux in Grafana is currently in beta</h5>
<p>
Please report any issues to: <br />
@@ -82,7 +82,7 @@ export class ConfigEditor extends PureComponent<Props> {
https://github.com/grafana/grafana/issues
</a>
</p>
</div>
</InfoBox>
</div>
<br />
@@ -231,7 +231,7 @@ export class ConfigEditor extends PureComponent<Props> {
</div>
<div className="gf-form-group">
<div className="grafana-info-box">
<InfoBox>
<h5>Database Access</h5>
<p>
Setting the database for this datasource does not deny access to other databases. The InfluxDB query
@@ -242,7 +242,7 @@ export class ConfigEditor extends PureComponent<Props> {
<br />
To support data isolation and security, make sure appropriate permissions are configured in InfluxDB.
</p>
</div>
</InfoBox>
</div>
<div className="gf-form-group">
<div className="gf-form-inline">

24
public/app/plugins/datasource/influxdb/components/__snapshots__/ConfigEditor.test.tsx.snap
View File

@@ -234,9 +234,7 @@ exports[`Render should disable basic auth password input 1`] = `
<div
className="gf-form-group"
>
<div
className="grafana-info-box"
>
<InfoBox>
<h5>
Database Access
</h5>
@@ -253,7 +251,7 @@ exports[`Render should disable basic auth password input 1`] = `
<br />
To support data isolation and security, make sure appropriate permissions are configured in InfluxDB.
</p>
</div>
</InfoBox>
</div>
<div
className="gf-form-group"
@@ -522,9 +520,7 @@ exports[`Render should hide basic auth fields when switch off 1`] = `
<div
className="gf-form-group"
>
<div
className="grafana-info-box"
>
<InfoBox>
<h5>
Database Access
</h5>
@@ -541,7 +537,7 @@ exports[`Render should hide basic auth fields when switch off 1`] = `
<br />
To support data isolation and security, make sure appropriate permissions are configured in InfluxDB.
</p>
</div>
</InfoBox>
</div>
<div
className="gf-form-group"
@@ -810,9 +806,7 @@ exports[`Render should hide white listed cookies input when browser access chose
<div
className="gf-form-group"
>
<div
className="grafana-info-box"
>
<InfoBox>
<h5>
Database Access
</h5>
@@ -829,7 +823,7 @@ exports[`Render should hide white listed cookies input when browser access chose
<br />
To support data isolation and security, make sure appropriate permissions are configured in InfluxDB.
</p>
</div>
</InfoBox>
</div>
<div
className="gf-form-group"
@@ -1098,9 +1092,7 @@ exports[`Render should render component 1`] = `
<div
className="gf-form-group"
>
<div
className="grafana-info-box"
>
<InfoBox>
<h5>
Database Access
</h5>
@@ -1117,7 +1109,7 @@ exports[`Render should render component 1`] = `
<br />
To support data isolation and security, make sure appropriate permissions are configured in InfluxDB.
</p>
</div>
</InfoBox>
</div>
<div
className="gf-form-group"