feature: hookup receive view

app/views/receive.js

@@ -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>
+);