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

replaced if with classNames

Browse Source
This commit is contained in:
Patrick O'Carroll 2018-03-07 15:01:50 +01:00
parent 8d4c439eeb
commit 834c421943
1 changed files with 11 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
public/app/features/dashboard/dashgrid/AddPanelPanel.tsx
View File

@ -1,6 +1,6 @@
import React from 'react'; import React from 'react';
import _ from 'lodash'; import _ from 'lodash';
import classNames from 'classnames';
import config from 'app/core/config'; import config from 'app/core/config';
import { PanelModel } from '../panel_model'; import { PanelModel } from '../panel_model';
import { PanelContainer } from './PanelContainer'; import { PanelContainer } from './PanelContainer';
@ -163,18 +163,21 @@ export class AddPanelPanel extends React.Component<AddPanelPanelProps, AddPanelP
} }
render() { render() {
let addClass; let addClass = classNames({
let copyClass; 'active active--panel': this.state.tab === 'Add',
'': this.state.tab === 'Copy',
});
let copyClass = classNames({
'': this.state.tab === 'Add',
'active active--panel': this.state.tab === 'Copy',
});
let panelTab; let panelTab;
if (this.state.tab === 'Add') { if (this.state.tab === 'Add') {
addClass = 'active active--panel';
copyClass = '';
panelTab = this.state.panelPlugins.map(this.renderPanelItem); panelTab = this.state.panelPlugins.map(this.renderPanelItem);
} else if (this.state.tab === 'Copy') { } else if (this.state.tab === 'Copy') {
addClass = '';
copyClass = 'active active--panel';
console.log(this.state.copiedPanelPlugins);
if (this.state.copiedPanelPlugins.length > 0) { if (this.state.copiedPanelPlugins.length > 0) {
panelTab = this.state.copiedPanelPlugins.map(this.renderPanelItem); panelTab = this.state.copiedPanelPlugins.map(this.renderPanelItem);
} else { } else {