From 67552e211f850badcc79ce0aad4922d23c497441 Mon Sep 17 00:00:00 2001
From: apanizo <adolfo.panizo@gmail.com>
Date: Wed, 23 May 2018 16:33:35 +0200
Subject: [PATCH] WA-238 Review TX component

---
 .../component/Transactions/ReviewTx/index.jsx | 33 +++++++++++++++++--
 1 file changed, 31 insertions(+), 2 deletions(-)

diff --git a/src/routes/safe/component/Transactions/ReviewTx/index.jsx b/src/routes/safe/component/Transactions/ReviewTx/index.jsx
index fde267f2..b7bfb110 100644
--- a/src/routes/safe/component/Transactions/ReviewTx/index.jsx
+++ b/src/routes/safe/component/Transactions/ReviewTx/index.jsx
@@ -1,8 +1,37 @@
 // @flow
 import * as React from 'react'
+import { CircularProgress } from 'material-ui/Progress'
+import Block from '~/components/layout/Block'
+import Bold from '~/components/layout/Bold'
+import Heading from '~/components/layout/Heading'
+import Paragraph from '~/components/layout/Paragraph'
+import { TX_NAME_PARAM, TX_DESTINATION_PARAM, TX_VALUE_PARAM } from '~/routes/safe/component/Transactions/transactions'
 
-const ReviewTx = () => () => (
-  <div>ReviewTx</div>
+type FormProps = {
+  values: Object,
+  submitting: boolean,
+}
+
+const spinnerStyle = {
+  minHeight: '50px',
+}
+
+const ReviewTx = () => ({ values, submitting }: FormProps) => (
+  <Block>
+    <Heading tag="h2">Review the Multisig Tx</Heading>
+    <Paragraph align="left">
+      <Bold>Transaction Name: </Bold> {values[TX_NAME_PARAM]}
+    </Paragraph>
+    <Paragraph align="left">
+      <Bold>Destination: </Bold> {values[TX_DESTINATION_PARAM]}
+    </Paragraph>
+    <Paragraph align="left">
+      <Bold>Amount to transfer in ETH: </Bold> {values[TX_VALUE_PARAM]}
+    </Paragraph>
+    <Block style={spinnerStyle}>
+      { submitting && <CircularProgress size={50} /> }
+    </Block>
+  </Block>
 )
 
 export default ReviewTx