Add icons to save/cancel buttons on item edit pages.

master
Tom Hacohen 7 years ago
parent 5e59557335
commit f760becae8

@ -7,6 +7,8 @@ import MenuItem from 'material-ui/MenuItem';
import IconAdd from 'material-ui/svg-icons/content/add'; import IconAdd from 'material-ui/svg-icons/content/add';
import IconClear from 'material-ui/svg-icons/content/clear'; import IconClear from 'material-ui/svg-icons/content/clear';
import IconCancel from 'material-ui/svg-icons/content/clear';
import IconSave from 'material-ui/svg-icons/content/save';
import * as uuid from 'uuid'; import * as uuid from 'uuid';
import * as ICAL from 'ical.js'; import * as ICAL from 'ical.js';
@ -459,12 +461,14 @@ class ContactEdit extends React.PureComponent {
<RaisedButton <RaisedButton
label="Cancel" label="Cancel"
onClick={this.props.onCancel} onClick={this.props.onCancel}
icon={<IconCancel />}
/> />
<RaisedButton <RaisedButton
type="submit" type="submit"
label="Save" label="Save"
secondary={true} secondary={true}
icon={<IconSave />}
style={{marginLeft: 15}} style={{marginLeft: 15}}
/> />
</div> </div>

@ -5,6 +5,9 @@ import TextField from 'material-ui/TextField';
import SelectField from 'material-ui/SelectField'; import SelectField from 'material-ui/SelectField';
import MenuItem from 'material-ui/MenuItem'; import MenuItem from 'material-ui/MenuItem';
import IconCancel from 'material-ui/svg-icons/content/clear';
import IconSave from 'material-ui/svg-icons/content/save';
import DateTimePicker from '../widgets/DateTimePicker'; import DateTimePicker from '../widgets/DateTimePicker';
import * as uuid from 'uuid'; import * as uuid from 'uuid';
@ -233,6 +236,7 @@ class EventEdit extends React.PureComponent {
<div style={styles.submit}> <div style={styles.submit}>
<RaisedButton <RaisedButton
label="Cancel" label="Cancel"
icon={<IconCancel />}
onClick={this.props.onCancel} onClick={this.props.onCancel}
/> />
@ -240,6 +244,7 @@ class EventEdit extends React.PureComponent {
type="submit" type="submit"
label="Save" label="Save"
secondary={true} secondary={true}
icon={<IconSave />}
style={{marginLeft: 15}} style={{marginLeft: 15}}
/> />
</div> </div>

Loading…
Cancel
Save