From 854952f126c08d31eabb2a928389355a0b4917d1 Mon Sep 17 00:00:00 2001
From: apanizo <adolfo.panizo@gmail.com>
Date: Fri, 27 Apr 2018 12:48:03 +0200
Subject: [PATCH] WA-238 Including Daily Limit in form

---
 .../components/SafeForm/DailyLimit/index.jsx  | 22 +++++++++++++++++++
 src/routes/open/components/SafeForm/index.jsx |  2 ++
 src/routes/open/components/fields.js          |  1 +
 3 files changed, 25 insertions(+)
 create mode 100644 src/routes/open/components/SafeForm/DailyLimit/index.jsx

diff --git a/src/routes/open/components/SafeForm/DailyLimit/index.jsx b/src/routes/open/components/SafeForm/DailyLimit/index.jsx
new file mode 100644
index 00000000..cad36dbf
--- /dev/null
+++ b/src/routes/open/components/SafeForm/DailyLimit/index.jsx
@@ -0,0 +1,22 @@
+// @flow
+import * as React from 'react'
+import Field from '~/components/forms/Field'
+import TextField from '~/components/forms/TextField'
+import { composeValidators, mustBeNumber, required, minValue } from '~/components/forms/validator'
+import Block from '~/components/layout/Block'
+import { FIELD_DAILY_LIMIT } from '~/routes/open/components/fields'
+
+const DailyLimit = () => (
+  <Block margin="md">
+    <Field
+      name={FIELD_DAILY_LIMIT}
+      component={TextField}
+      type="text"
+      validate={composeValidators(required, mustBeNumber, minValue(1))}
+      placeholder="Daily Limit*"
+      text="Daily Limit"
+    />
+  </Block>
+)
+
+export default DailyLimit
diff --git a/src/routes/open/components/SafeForm/index.jsx b/src/routes/open/components/SafeForm/index.jsx
index 478e2e83..b79d00a2 100644
--- a/src/routes/open/components/SafeForm/index.jsx
+++ b/src/routes/open/components/SafeForm/index.jsx
@@ -6,6 +6,7 @@ import { getAccountsFrom } from '~/routes/open/utils/safeDataExtractor'
 import Name from './Name'
 import Owners from './Owners'
 import Confirmations from './Confirmations'
+import DailyLimit from './DailyLimit'
 
 export const CONFIRMATIONS_ERROR = 'Number of confirmations can not be higher than the number of owners'
 
@@ -25,5 +26,6 @@ export default () => ({ values }: Object) => (
     <Name />
     <Owners numOwners={values.owners} otherAccounts={getAccountsFrom(values)} />
     <Confirmations />
+    <DailyLimit />
   </Block>
 )
diff --git a/src/routes/open/components/fields.js b/src/routes/open/components/fields.js
index b7e37ac9..6755b839 100644
--- a/src/routes/open/components/fields.js
+++ b/src/routes/open/components/fields.js
@@ -2,6 +2,7 @@
 export const FIELD_NAME: string = 'name'
 export const FIELD_CONFIRMATIONS: string = 'confirmations'
 export const FIELD_OWNERS: string = 'owners'
+export const FIELD_DAILY_LIMIT: string = 'limit'
 
 export const getOwnerNameBy = (index: number) => `owner${index}Name`
 export const getOwnerAddressBy = (index: number) => `owner${index}Address`