MyCrypto/common/containers/Tabs/Swap/components/PaymentInfo.tsx

32 lines
823 B
TypeScript

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