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 })