aboutsummaryrefslogtreecommitdiffstats
path: root/mascara/src/app/shapeshift-form/index.js
diff options
context:
space:
mode:
Diffstat (limited to 'mascara/src/app/shapeshift-form/index.js')
-rw-r--r--mascara/src/app/shapeshift-form/index.js42
1 files changed, 21 insertions, 21 deletions
diff --git a/mascara/src/app/shapeshift-form/index.js b/mascara/src/app/shapeshift-form/index.js
index 53a63403a..6f3307487 100644
--- a/mascara/src/app/shapeshift-form/index.js
+++ b/mascara/src/app/shapeshift-form/index.js
@@ -79,11 +79,11 @@ export class ShapeShiftForm extends Component {
renderMetadata (label, value) {
return (
- <div className='shapeshift-form__metadata-wrapper'>
- <div className='shapeshift-form__metadata-label'>
+ <div className="shapeshift-form__metadata-wrapper">
+ <div className="shapeshift-form__metadata-label">
{label}:
</div>
- <div className='shapeshift-form__metadata-value'>
+ <div className="shapeshift-form__metadata-value">
{value}
</div>
</div>
@@ -101,7 +101,7 @@ export class ShapeShiftForm extends Component {
} = tokenExchangeRates[coinPair] || {}
return (
- <div className='shapeshift-form__metadata'>
+ <div className="shapeshift-form__metadata">
{this.renderMetadata('Status', limit ? 'Available' : 'Unavailable')}
{this.renderMetadata('Limit', limit)}
{this.renderMetadata('Exchange Rate', rate)}
@@ -117,13 +117,13 @@ export class ShapeShiftForm extends Component {
qrImage.make()
return (
- <div className='shapeshift-form'>
- <div className='shapeshift-form__deposit-instruction'>
+ <div className="shapeshift-form">
+ <div className="shapeshift-form__deposit-instruction">
Deposit your BTC to the address bellow:
</div>
- <div className='shapeshift-form__qr-code'>
+ <div className="shapeshift-form__qr-code">
{isLoading
- ? <img src='images/loading.svg' style={{ width: '60px' }} />
+ ? <img src="images/loading.svg" style={{ width: '60px' }} />
: <div dangerouslySetInnerHTML={{ __html: qrImage.createTableTag(4) }} />
}
</div>
@@ -141,14 +141,14 @@ export class ShapeShiftForm extends Component {
return showQrCode ? this.renderQrCode() : (
<div>
- <div className='shapeshift-form'>
- <div className='shapeshift-form__selectors'>
- <div className='shapeshift-form__selector'>
- <div className='shapeshift-form__selector-label'>
+ <div className="shapeshift-form">
+ <div className="shapeshift-form__selectors">
+ <div className="shapeshift-form__selector">
+ <div className="shapeshift-form__selector-label">
Deposit
</div>
<select
- className='shapeshift-form__selector-input'
+ className="shapeshift-form__selector-input"
value={this.state.depositCoin}
onChange={this.onCoinChange}
>
@@ -160,14 +160,14 @@ export class ShapeShiftForm extends Component {
</select>
</div>
<div
- className='icon shapeshift-form__caret'
+ className="icon shapeshift-form__caret"
style={{ backgroundImage: 'url(images/caret-right.svg)'}}
/>
- <div className='shapeshift-form__selector'>
- <div className='shapeshift-form__selector-label'>
+ <div className="shapeshift-form__selector">
+ <div className="shapeshift-form__selector-label">
Receive
</div>
- <div className='shapeshift-form__selector-input'>
+ <div className="shapeshift-form__selector-input">
ETH
</div>
</div>
@@ -177,18 +177,18 @@ export class ShapeShiftForm extends Component {
'shapeshift-form__address-input-wrapper--error': errorMessage,
})}
>
- <div className='shapeshift-form__address-input-label'>
+ <div className="shapeshift-form__address-input-label">
Your Refund Address
</div>
<input
- type='text'
- className='shapeshift-form__address-input'
+ type="text"
+ className="shapeshift-form__address-input"
onChange={e => this.setState({
refundAddress: e.target.value,
errorMessage: '',
})}
/>
- <div className='shapeshift-form__address-input-error-message'>
+ <div className="shapeshift-form__address-input-error-message">
{errorMessage}
</div>
</div>