feature: hookup receive view
This commit is contained in:
parent
65394dc9e6
commit
4f93b392d3
|
@ -1,5 +1,40 @@
|
||||||
// @flow
|
// @flow
|
||||||
|
|
||||||
import React from 'react';
|
import React from 'react';
|
||||||
|
import styled from 'styled-components';
|
||||||
|
|
||||||
export const ReceiveView = () => <div className='send'>receive</div>;
|
import { InputLabelComponent } from '../components/input-label';
|
||||||
|
import { InputComponent } from '../components/input';
|
||||||
|
import { QRCode } from '../components/qrcode';
|
||||||
|
import { RowComponent } from '../components/row';
|
||||||
|
import { ColumnComponent } from '../components/column';
|
||||||
|
|
||||||
|
type Props = {
|
||||||
|
addresses: Array<string>,
|
||||||
|
};
|
||||||
|
|
||||||
|
const Wrapper = styled.div`
|
||||||
|
margin-top: ${props => props.theme.layoutContentPaddingTop};
|
||||||
|
`;
|
||||||
|
|
||||||
|
const Label = styled(InputLabelComponent)`
|
||||||
|
margin: 0;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
`;
|
||||||
|
|
||||||
|
export const ReceiveView = ({ addresses }: Props) => (
|
||||||
|
<Wrapper>
|
||||||
|
{(addresses || []).map(address => (
|
||||||
|
<RowComponent alignItems='center' justifyContent='space-between'>
|
||||||
|
<ColumnComponent width='85%'>
|
||||||
|
<Label value='Your z-address: ' />
|
||||||
|
<InputComponent
|
||||||
|
value={address}
|
||||||
|
onChange={() => {}}
|
||||||
|
onFocus={event => event.currentTarget.select()}
|
||||||
|
/>
|
||||||
|
</ColumnComponent>
|
||||||
|
<QRCode value={address} />
|
||||||
|
</RowComponent>
|
||||||
|
))}
|
||||||
|
</Wrapper>
|
||||||
|
);
|
||||||
|
|
Loading…
Reference in New Issue