William O'Beirne d1a2c885a2 Performance Improvements (Pure components, debounced gas slider) (#899)
* PureComponent a ton of non-connected components.

* Debounce gas price slider. Keep gas price in state to reflect changes immediately.

* PureComponent balance sidebar and swap unconnected components.

* Import correct component.

* Move debouncing of gas slider to sagas via gasPriceInputIntent action.

* Remove console log.

* Remove leftover file from merge.
2018-01-29 13:13:46 -06:00

33 lines
861 B
TypeScript

import React, { PureComponent } from 'react';
import translate from 'translations';
import { SwapInput } from 'reducers/swap/types';
import './PaymentInfo.scss';
export interface Props {
origin: SwapInput;
paymentAddress: string | null;
}
export default class PaymentInfo extends PureComponent<Props, {}> {
public render() {
const { origin } = this.props;
return (
<section className="SwapPayment">
<h1>
<span>{translate('SWAP_order_CTA')}</span>
<strong>
{' '}
{origin.amount} {origin.id}
</strong>
<span> {translate('SENDModal_Content_2')}</span>
<input
className="SwapPayment-address form-control"
value={this.props.paymentAddress || undefined}
disabled={true}
/>
</h1>
</section>
);
}
}