diff --git a/src/renderer/component/address/view.jsx b/src/renderer/component/address/view.jsx index eff0f6697..2beadfda3 100644 --- a/src/renderer/component/address/view.jsx +++ b/src/renderer/component/address/view.jsx @@ -23,7 +23,7 @@ export default class Address extends React.PureComponent { const { address, doShowSnackBar } = this.props; return ( - + { @@ -16,13 +17,14 @@ export class FormRow extends React.PureComponent { }; render() { - const { centered, children, padded, verticallyCentered } = this.props; + const { centered, children, padded, verticallyCentered, stretch } = this.props; return (
{children} diff --git a/src/renderer/component/common/qr-code.jsx b/src/renderer/component/common/qr-code.jsx index 7f03301b0..fb74c68d7 100644 --- a/src/renderer/component/common/qr-code.jsx +++ b/src/renderer/component/common/qr-code.jsx @@ -1,18 +1,30 @@ // @flow import React from 'react'; import QRCodeElement from 'qrcode.react'; +import classnames from 'classnames'; type Props = { value: string, + paddingRight?: boolean, }; -const QRCode = (props: Props) => { - const { value } = props; - return ( -
- -
- ); -}; +class QRCode extends React.Component { + static defaultProps = { + paddingRight: false, + }; + + render() { + const { value, paddingRight } = this.props; + return ( +
+ +
+ ); + } +} export default QRCode; diff --git a/src/renderer/component/shapeShift/internal/active-shift.jsx b/src/renderer/component/shapeShift/internal/active-shift.jsx index bb4524bb7..0c07b808b 100644 --- a/src/renderer/component/shapeShift/internal/active-shift.jsx +++ b/src/renderer/component/shapeShift/internal/active-shift.jsx @@ -16,7 +16,6 @@ type Props = { shiftOrderId: ?string, originCoinDepositMax: ?number, clearShapeShift: Dispatch, - doShowSnackBar: Dispatch, getActiveShift: Dispatch, shapeShiftRate: ?number, originCoinDepositMax: ?number, @@ -25,8 +24,6 @@ type Props = { }; class ActiveShapeShift extends React.PureComponent { - continousFetch: ?number; - constructor() { super(); this.continousFetch = undefined; @@ -59,6 +56,8 @@ class ActiveShapeShift extends React.PureComponent { } } + continousFetch: ?number; + render() { const { shiftCoinType, @@ -68,7 +67,6 @@ class ActiveShapeShift extends React.PureComponent { shiftState, originCoinDepositMax, clearShapeShift, - doShowSnackBar, shapeShiftRate, originCoinDepositFee, originCoinDepositMin, @@ -95,8 +93,8 @@ class ActiveShapeShift extends React.PureComponent { {shiftDepositAddress && ( -
- + +
)}
diff --git a/src/renderer/component/shapeShift/internal/form.jsx b/src/renderer/component/shapeShift/internal/form.jsx index 9fa588b5a..f4d057527 100644 --- a/src/renderer/component/shapeShift/internal/form.jsx +++ b/src/renderer/component/shapeShift/internal/form.jsx @@ -19,7 +19,6 @@ type Props = { isSubmitting: boolean, shiftSupportedCoins: Array, originCoin: string, - updating: boolean, getCoinStats: Dispatch, originCoinDepositFee: number, originCoinDepositMin: string, @@ -38,7 +37,6 @@ export default (props: Props) => { isSubmitting, shiftSupportedCoins, originCoin, - updating, getCoinStats, originCoinDepositMax, originCoinDepositMin, @@ -51,7 +49,7 @@ export default (props: Props) => { prefix={__('Exchange')} postfix={__('for LBC')} type="select" - name="origin_coin" + name="originCoin" onChange={e => { getCoinStats(e.target.value); handleChange(e); @@ -76,7 +74,7 @@ export default (props: Props) => { label={__('Return address')} error={touched.returnAddress && !!errors.returnAddress && errors.returnAddress} type="text" - name="return_address" + name="returnAddress" className="input--address" placeholder={getExampleAddress(originCoin)} onChange={handleChange} diff --git a/src/renderer/scss/_gui.scss b/src/renderer/scss/_gui.scss index 70e31aead..d7617bd86 100644 --- a/src/renderer/scss/_gui.scss +++ b/src/renderer/scss/_gui.scss @@ -338,3 +338,9 @@ p { color: var(--color-meta-light); font-style: italic; } + +.qr-code { + &.qr-code--right-padding { + padding-right: $spacing-vertical * 2/3; + } +} diff --git a/src/renderer/scss/component/_form-field.scss b/src/renderer/scss/component/_form-field.scss index efeec9d59..e3b75ab20 100644 --- a/src/renderer/scss/component/_form-field.scss +++ b/src/renderer/scss/component/_form-field.scss @@ -19,6 +19,10 @@ align-items: center; } + &.form-row--stretch { + flex: 1; + } + .form-field.form-field--stretch { width: 100%;