feature: hookup receive view
This commit is contained in:
parent
65394dc9e6
commit
4f93b392d3
|
@ -1,5 +1,40 @@
|
|||
// @flow
|
||||
|
||||
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