diff --git a/src/routes/safe/component/EditDailyLimit/EditDailyLimitForm/index.jsx b/src/routes/safe/component/EditDailyLimit/EditDailyLimitForm/index.jsx
index 91b4c2ac..3087c3a5 100644
--- a/src/routes/safe/component/EditDailyLimit/EditDailyLimitForm/index.jsx
+++ b/src/routes/safe/component/EditDailyLimit/EditDailyLimitForm/index.jsx
@@ -2,6 +2,7 @@
import * as React from 'react'
import Block from '~/components/layout/Block'
import Heading from '~/components/layout/Heading'
+import OpenPaper from '~/components/Stepper/OpenPaper'
import Field from '~/components/forms/Field'
import TextField from '~/components/forms/TextField'
import { composeValidators, minValue, mustBeFloat, required } from '~/components/forms/validator'
@@ -12,8 +13,8 @@ type EditDailyLimitProps = {
dailyLimit: string,
}
-const EditDailyLimitForm = ({ dailyLimit }: EditDailyLimitProps) => () => (
-
+const EditDailyLimitForm = ({ dailyLimit }: EditDailyLimitProps) => (controls: React$Node) => (
+
{'Change safe\'s daily limit'}
@@ -30,7 +31,7 @@ const EditDailyLimitForm = ({ dailyLimit }: EditDailyLimitProps) => () => (
text="Safe's daily limit"
/>
-
+
)
export default EditDailyLimitForm
diff --git a/src/routes/safe/component/EditDailyLimit/Review/index.jsx b/src/routes/safe/component/EditDailyLimit/Review/index.jsx
index cff6cc4f..ca4fd0f6 100644
--- a/src/routes/safe/component/EditDailyLimit/Review/index.jsx
+++ b/src/routes/safe/component/EditDailyLimit/Review/index.jsx
@@ -3,6 +3,7 @@ import * as React from 'react'
import CircularProgress from '@material-ui/core/CircularProgress'
import Block from '~/components/layout/Block'
import Bold from '~/components/layout/Bold'
+import OpenPaper from '~/components/Stepper/OpenPaper'
import Heading from '~/components/layout/Heading'
import Paragraph from '~/components/layout/Paragraph'
import { EDIT_DAILY_LIMIT_PARAM } from '~/routes/safe/component/EditDailyLimit/EditDailyLimitForm'
@@ -16,8 +17,8 @@ const spinnerStyle = {
minHeight: '50px',
}
-const Review = () => ({ values, submitting }: FormProps) => (
-
+const Review = () => (controls: React$Node, { values, submitting }: FormProps) => (
+
Review the DailyLimit operation
The new daily limit will be: {values[EDIT_DAILY_LIMIT_PARAM]}
@@ -25,7 +26,7 @@ const Review = () => ({ values, submitting }: FormProps) => (
{ submitting && }
-
+
)
export default Review
diff --git a/src/routes/safe/component/EditDailyLimit/index.jsx b/src/routes/safe/component/EditDailyLimit/index.jsx
index bd6f9728..2f6c5624 100644
--- a/src/routes/safe/component/EditDailyLimit/index.jsx
+++ b/src/routes/safe/component/EditDailyLimit/index.jsx
@@ -3,8 +3,9 @@ import * as React from 'react'
import Stepper from '~/components/Stepper'
import { connect } from 'react-redux'
import { type Safe } from '~/routes/safe/store/model/safe'
-import { createTransaction } from '~/logic/safe/safeFrontendOperations'
+import { createTransaction, getSafeEthereumInstance } from '~/logic/safe/safeFrontendOperations'
import { getEditDailyLimitData, getDailyLimitAddress } from '~/logic/contracts/dailyLimitContracts'
+import { signaturesViaMetamask } from '~/config'
import EditDailyLimitForm, { EDIT_DAILY_LIMIT_PARAM } from './EditDailyLimitForm'
import selector, { type SelectorProps } from './selector'
import actions, { type Actions } from './actions'
@@ -38,7 +39,8 @@ class EditDailyLimit extends React.PureComponent {
const safeAddress = safe.get('address')
const data = await getEditDailyLimitData(safeAddress, 0, Number(newDailyLimit))
const to = await getDailyLimitAddress(safeAddress)
- const nonce = Date.now()
+ const gnosisSafe = await getSafeEthereumInstance(safeAddress)
+ const nonce = signaturesViaMetamask() ? await gnosisSafe.nonce() : Date.now()
await createTransaction(safe, `Change Safe's daily limit to ${newDailyLimit} [${nonce}]`, to, 0, nonce, userAddress, data)
await this.props.fetchTransactions(safeAddress)
this.setState({ done: true })