adds context to new list item button

This commit is contained in:
Drian Hillman
2017-07-01 13:52:46 -04:00
parent 206602436c
commit a8ebba2cf2
2 changed files with 4 additions and 1 deletions

View File

@ -22,6 +22,7 @@
.addButtonText {
margin-left: 4px;
text-transform: lowercase;
}
.removeButton {

View File

@ -171,11 +171,13 @@ export default class ListControl extends Component {
renderListControl() {
const { value, forID } = this.props;
const listLabel = this.props.field._root.entries[0][1];
return (<div id={forID}>
{value && value.map((item, index) => this.renderItem(item, index))}
<button className={styles.addButton} onClick={this.handleAdd}>
<FontIcon value="add" className={styles.addButtonIcon} />
<span className={styles.addButtonText}>new</span>
<span className={styles.addButtonText}>new {listLabel}</span>
</button>
</div>);
}