Add read-only inputs to UI plus Copy to Clipboard buttons (#3095)
* Adds readOnly prop to Input, convert disabled props to it (#3066) * WIP * Adds copy icon to readOnly Input (#3009) * Added Copy to Clipboard buttons on the UI (#3009) * copiable to allowCopy props #3095 * Padded copy icons (#3095) * Fixed password width in account creation * Copyable value in MethodDecoding
This commit is contained in:
committed by
Jaco Greeff
parent
f3d4aa43f3
commit
e4c75bde4c
@@ -16,7 +16,6 @@
|
||||
|
||||
import BigNumber from 'bignumber.js';
|
||||
import React, { Component, PropTypes } from 'react';
|
||||
import Chip from 'material-ui/Chip';
|
||||
import LinearProgress from 'material-ui/LinearProgress';
|
||||
import { Card, CardActions, CardTitle, CardText } from 'material-ui/Card';
|
||||
|
||||
@@ -104,13 +103,21 @@ export default class InputQuery extends Component {
|
||||
display: this.renderValue(results[index])
|
||||
}))
|
||||
.sort((outA, outB) => outA.display.length - outB.display.length)
|
||||
.map((out, index) => (<div key={ index }>
|
||||
<div className={ styles.queryResultName }>{ out.name }</div>
|
||||
<Chip className={ styles.queryValue }>
|
||||
{ out.display }
|
||||
</Chip>
|
||||
<br />
|
||||
</div>));
|
||||
.map((out, index) => (
|
||||
<div key={ index }>
|
||||
<div className={ styles.queryResultName }>
|
||||
{ out.name }
|
||||
</div>
|
||||
|
||||
<Input
|
||||
className={ styles.queryValue }
|
||||
readOnly
|
||||
allowCopy
|
||||
value={ out.display }
|
||||
/>
|
||||
<br />
|
||||
</div>
|
||||
));
|
||||
}
|
||||
|
||||
renderInput (input) {
|
||||
|
||||
Reference in New Issue
Block a user