fix: buttons types to make it highlighted

softwaregroup-bg · Jul 24, 2017 · 054bd18 · 054bd18
1 parent a04c27f
commit 054bd18
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/ui/react/components/Dialog/index.js b/ui/react/components/Dialog/index.js
@@ -2,6 +2,7 @@ import Dialog from '../ActionDialog';
 import React, { PropTypes } from 'react';
 import Accordion from 'ut-front-react/components/Accordion';
 import Input from 'ut-front-react/components/Input';
+import Button from 'ut-front-react/components/StandardButton';
 import style from './style.css';
 import Channel from './Section/Channel';
 import Operation from './Section/Operation';
@@ -12,7 +13,6 @@ import SectionLimit from './Section/Limit';
 import SectionSummary from './Section/Summary';
 import merge from 'lodash.merge';
 import validations from './validations.js';
-import classnames from 'classnames';
 import set from 'lodash.set';
 
 function capitalizeFirstLetter(string) {
@@ -526,8 +526,8 @@ export default React.createClass({
               autoScrollBodyContent
               contentStyle={this.contentStyle}
               actions={[
-                  <button onClick={this.save} className={classnames(style.save, 'button btn btn-primary')} >Save</button>,
-                  <button onClick={this.props.onClose} className='button btn btn-primary'>Cancel</button>
+                  <Button label={'Save'} onClick={this.save} styleType='primaryLight' className={style.save} />,
+                  <Button label={'Cancel'} onClick={this.props.onClose} styleType='secondaryDark' />
               ]}
             >
                 <div>
@@ -538,7 +538,7 @@ export default React.createClass({
                     contentStyle={style}
                     onRequestClose={this.closeFormErrorDialog}
                     actions={[
-                        <button onClick={this.closeFormErrorDialog} className='button btn btn-primary'>Cancel</button>
+                        <Button label={'Cancel'} onClick={this.closeFormErrorDialog} styleType='secondaryDark' />
                     ]}
                   >
                     <div className={style.content}>

diff --git a/ui/react/pages/Main/index.js b/ui/react/pages/Main/index.js
@@ -144,7 +144,7 @@ const Main = React.createClass({
         return <div className={mainStyle.contentTableWrap}>
             <AddTab pathname={this.props.location.pathname} title='Rule Management' />
             <div className={style.header}>
-                <Header text='Rule Management' buttons={[{text: 'Create Rule', onClick: this.createBtnOnClick}]} />
+                <Header text='Rule Management' buttons={[{text: 'Create Rule', onClick: this.createBtnOnClick, styleType: 'primaryLight'}]} />
             </div>
             <div className={classnames(mainStyle.actionBarWrap, style.actionBarWrap)}>
                 <GridToolbox opened title='' >