gcg/static-cms
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Merge pull request #472 from DrianHillman/add-context-to-new-buttons

Browse Source 
adds context to new list item button
This commit is contained in:
Shawn Erquhart
2017-07-03 23:58:33 -04:00
committed by GitHub
parent 206602436c 4c35e39a59
commit cdf7c3a2be
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/Widgets/ListControl.css
View File

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

6
src/components/Widgets/ListControl.js
View File

@ -170,12 +170,14 @@ export default class ListControl extends Component {
} }
renderListControl() { renderListControl() {
const { value, forID } = this.props; const { value, forID, field } = this.props;
const listLabel = field.get('label');
return (<div id={forID}> return (<div id={forID}>
{value && value.map((item, index) => this.renderItem(item, index))} {value && value.map((item, index) => this.renderItem(item, index))}
<button className={styles.addButton} onClick={this.handleAdd}> <button className={styles.addButton} onClick={this.handleAdd}>
<FontIcon value="add" className={styles.addButtonIcon} /> <FontIcon value="add" className={styles.addButtonIcon} />
<span className={styles.addButtonText}>new</span> <span className={styles.addButtonText}>new {listLabel}</span>
</button> </button>
</div>); </div>);
} }