using label component

This commit is contained in:
Peter Holmberg
2018-10-29 15:59:16 +01:00
parent 70f6100d53
commit 12336e1548
3 changed files with 12 additions and 24 deletions

View File

@@ -1,6 +1,6 @@
import React, { PureComponent } from 'react';
import { connect } from 'react-redux';
import Tooltip from '../../core/components/Tooltip/Tooltip';
import { Label } from '../../core/components/Label/Label';
import SimplePicker from '../../core/components/Picker/SimplePicker';
import { Dashboard, OrganizationPreferences } from 'app/types';
import {
@@ -59,16 +59,12 @@ export class OrgPreferences extends PureComponent<Props> {
/>
</div>
<div className="gf-form">
<span className="gf-form-label width-11">
<Label
width={11}
tooltip="Not finding dashboard you want? Star it first, then it should appear in this select box."
>
Home Dashboard
<Tooltip
className="gf-form-help-icon gf-form-help-icon--right-normal"
placement="right"
content="Not finding dashboard you want? Star it first, then it should appear in this select box."
>
<i className="fa fa-info-circle" />
</Tooltip>
</span>
</Label>
<SimplePicker
defaultValue={starredDashboards.find(dashboard => dashboard.id === preferences.homeDashboardId)}
getOptionValue={i => i.id}

View File

@@ -44,20 +44,12 @@ exports[`Render should render component 1`] = `
<div
className="gf-form"
>
<span
className="gf-form-label width-11"
<Component
tooltip="Not finding dashboard you want? Star it first, then it should appear in this select box."
width={11}
>
Home Dashboard
<class_1
className="gf-form-help-icon gf-form-help-icon--right-normal"
content="Not finding dashboard you want? Star it first, then it should appear in this select box."
placement="right"
>
<i
className="fa fa-info-circle"
/>
</class_1>
</span>
</Component>
<SimplePicker
defaultValue={
Object {